/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/
:root {
    --main-color:#293F47;
    --var-color: #293F47;
    --white-color:#fff;
    --text-color:#868E91;
    --form-color:#F6F5F5;
    
}

html {
    font-size:10px;
}
body.home {
    background: #F5F2EC;
}
body {
    font-style: normal; 
    font-weight: 300;
    overflow-x:hidden;
    font-family: 'Almarai';
     background: #F5F2EC;
}
/* general */

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
.btn,
.btn-more {
    padding: 1rem 3rem;
    box-shadow: none;
    background:var(--var-color);
    border: 1px solid var(--var-color);
    color: var(
    --white-color);
    font-size: 1.2rem;
    transition: all 0.5s ease-in-out;
    text-align: center;
    border-radius: 0;
    font-weight: bold;
}
.btn-default:hover, 
.btn-more:hover,
.btn:hover {
    background: transparent !important;
    color: var(--var-color) !important;
    border: 1px solid var(--var-color) !important;
}
.btn-default:focus, 
.btn-more:focus,
.btn:focus ,
button {
    outline: none !important;
}
.content_ a {
    color: #000;
    text-decoration: underline;
    border: 0;
}
.title {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    position: relative;
}
.title h3 {
    font-size: 4rem;
    color: #000000;
    font-weight: 600;
    position: relative;
}
.companies .title h3{
    color:var(--var-color);
    padding-top:2rem
}
.title p {
    font-size: 2.5rem;
    color: var(--var-color);
    margin: 0;
}
.main_title  h2{
    font-size: 3.5rem;
    font-weight: bold;
    color: var(--main-color);
    margin:  3rem 0;
        max-width: 42rem;

}
/* header */
header {
    transition: all 0.5s ease-in-out;
    padding: 4rem 0;
    position: relative;
}
header {
    transition: all 0.5s ease-in-out;
    padding: 2rem 0;
    position: absolute;
}
header .container .row {
    z-index: 9;
    position: relative;
}
header{
    position: absolute;
    width: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
}
header .language {
    position: absolute;
    right: 2%;
    text-transform: uppercase;
    z-index: 9;
}
header .language li a {
    font-weight: 500 !important;
}
header .right_menu,
header .left_menu{
    width:40%;
}
.right_menu ul{
        justify-content: flex-end;

}
header .logoo{
   width:20%;
    margin:auto;
}
header .menu,
.left_menu ul{
    list-style: none;
    display: flex;
    flex-direction: row;
}
 header .menu li a,
.left_menu li a{
    font-size: 1.5rem;
    transition: all 0.5s ease-in-out;
    font-weight: bold;
    padding: 0 1rem;
    position: relative;
    font-family: 'Almarai';
    color: #F5F2EC;
}
header .menu li:hover > a,
.left_menu li:hover > a {
    color: var(--var-color)
}
header .menu li:hover a:after,
.left_menu li:hover a:after{
    bottom: -1rem;
    opacity: 1;
}
header .wpml-ls-menu-item .wpml-ls-display {
    color: #fff;
    font-size: 1.7rem;
    font-weight: bold;
}

header .menu ul li:hover > a,
.left_menu  li:hover a > a{
    color: var(--var-color)
}
header .menu ul li:hover > a,
.left_menu li:hover a > a{
    color: var(--var-color)
}
header .menu li.menu-item-has-children:after {
  
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
header .menu li.menu-item-has-children:after {
    position: absolute;
    top: 30%;
    border-left: 3px solid #727171;
    border-bottom: 3px solid #727171;
    border-radius:2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 0.85rem;
    height: 0.85rem;
    content: "";
    left: -0.1rem;
    z-index: 9999999999;
}
header .menu li ul {
    list-style: none;
    display: none;
    transition: all 0.5s ease-in-out;
    transform: scale(0);
    background: #fff;
    border-radius: 1rem;
    padding: 0;
}
header .menu li ul {
    list-style: none;
    display: none;
    transition: all 0.5s ease-in-out;
    transform: scale(0);
    background: #fff;
    border-radius: 1rem;
    padding: 0;
}
header .menu li.menu-item-has-children:hover ul {
    display: block;
    position: absolute;
    transition: all 0.5s ease-in-out;
    transform: scale(1);
    z-index: 99;
    top: 1.7rem;
    width: 27rem;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    border: 1px solid var(--var-color);
    text-align: center
}
header .menu li.menu-item-has-children:hover ul {
    display: block;
    position: absolute;
    transition: all 0.5s ease-in-out;
    transform: scale(1);
    z-index: 99;
    top: 1.7rem;
    width: 27rem;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    border: 1px solid var(--var-color);
    text-align: center
}
header .menu li.menu-item-has-children {
    position: relative;
}
header .menu li ul li a {
    padding:1.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    border-bottom: 1px solid #DDDDDD;
    color: var(--main-color);
}
header .menu li ul li a {
    padding:1.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    border-bottom: 1px solid #DDDDDD;
    color: var(--main-color);
}
header .menu li ul li:last-of-type a {
    border: none
}
header .header__logo a{
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-bottom .menu li a {
    /*background: url(../images/n.png) no-repeat top right 10%*/
}
header .btn--search {
    background: transparent;
    border: 0;
}
.head_search{
    display:flex;
    align-items:center;
    justify-content:center;
}
header .search-wrap{
    border: 1px solid #ABAAA6;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
 /* about__section */
.about__section {
        padding: 9rem 0px 2rem 0;
    background: #293F47;
    margin-top: -3rem;
}

.about__section .about_top .image{
    position:relative;
    padding: 0rem 0 0 4rem;
    transition:all .3s ease;
        display:flex;
}
.about__section .about_top .image img{
    max-width:50%;
    margin-left:auto;
}
.about__section .about__details h1{
    color: #F5F2EC;
    font-size: 4rem;
    font-weight:600;
    padding-bottom: 2rem;
}
.about__section .about__details p{
    color: #868E91;
    font-size: 2rem;
    font-weight: normal;
    line-height: 40px;
    text-align: justify;
}
.about__section .more{
    display:flex;
    align-items:center;
    justify-content: flex-start;
}
.about__section .more a{
    background: transparent;
    color: #F5F2EC;
    font-size: 1.3rem;
    font-weight: bold;
    display:flex;
    align-items:center;
    justify-content: flex-start;
}
.about__section .more a span{
    padding-left:1rem
}
.about__section .more a span svg{
    transform:rotate(180deg)
}
/* map_section*/
#pro_loction{
    background:#F7F7F7;
}
.map_section {
    position:relative;
    background: #fff;
}
.map_section .map_desc{
    position: relative;
    z-index: 111;
    border-radius:10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 6rem 0rem 6rem 0rem;
}
.map_section .map_desc .title h1{
    color:#293F47;
    font-size:4rem;
    font-weight:bold;
}
.map_section .map_desc .title p{
    color:#293F47;
    font-size:2rem;
    font-weight:normal;
}
.map_section .map_desc ul{
    list-style:none;
    color:#000;
    padding: 0;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    background: #CCCAC750;
    border: 1px solid #888888;
    border-radius: 50px;
    padding: 1rem 1rem;
}
.map_section .map_desc ul li{
    margin: 0.8rem 0.5rem;
    font-size: 1.8rem;
    font-weight: 500;
    color: #293F47;
}
.map_section .map_desc ul span{
    margin-right:0.5rem;
}

/* projects_section */
.projects_section{
    position:relative;
    padding-bottom: 8rem;
    margin-bottom: 14rem;
    background: #293f47;
}
.projects_section .title{
    padding-bottom:3rem;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}
.projects_section .title h3,
.projects_section .title p{
    color:#fff;
}
.projects_section .title .text{
    color:#fff;
}
.projects_section .title .link a{
    font-weight: bold;
    background:#F5F2EC;
    padding: 1rem 3rem;
    font-size:1.5rem;
    color:#293F47;
    border-radius:30px;
}
.projects_section:before{
    position:absolute;
    content:"";
    top: -15rem;
    left:0;
    width:100%;
    height: 100%;
    background: url('../images/ProjectBackTop.png') center no-repeat;
    background-size: 100% 100%;
}
.projects_section:after{
    position:absolute;
    content:"";
    bottom: -10rem;
    left:0;
    width:100%;
    height: 13%;
    background: url('../images/ProjectBackBottom.png') center no-repeat;
    background-size: 100% 100%;
    /* z-index:-11111; */
}
.projects_section .slick-initialized .slick-slide > div{
    background:transparent;
}
.projects_section .item{
    margin: 1rem;
    position: relative;
}

.projects_section .item .content{
    position:absolute;
    left:10%;
    width:80%;
    bottom: 0;
    top: auto;
}
.projects_section .item .image{
    position:relative;
}
.projects_section .item .image:before{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url('../images/projects_after.png') no-repeat;
    background-size:100% 100%;
}
.projects_section .item .image img{
    border-radius:15px;
}
.projects_section .item .content span,.main_title span{
    color:#F5F2EC;
    font-size:1rem;
    font-weight:bold;
    background:#00000050;
    padding:1rem 2rem;
    border-radius:33px;
    
}
.projects_section .item .content h1{
    color:#F5F2EC;
    font-size: 2rem;
    font-weight:bold;
    margin-top:2rem;
    line-height: 33px;
}
.projects_section .item .content p,
.projects_section .item .content .text{
    color:#F5F2EC;
    font-size: 1.3rem;
    font-weight:normal;
}
.projects_section .item .content .more{
    padding:0;
    float: right;
}
.projects_section .item .content .more a{
    border-bottom:4px solid #fff;
    color: #F5F2EC;
    font-size: 1rem;
}
.projects_section .item .content .more span{
    padding:0;
    background:transparent;
    padding-left:1rem
}
.projects_section .item .content .more span svg{
    width:25px;
        transform: rotate(180deg);
}

/* contact_section */
.contact_section{
    background: #F0EBE1!important;
    padding: 20rem 0 7rem 0;
    margin-top: -17rem;
}
.contact_section .image img{
    border-radius:30px
}
.contact_section .form{
    padding: 0rem 4rem 0rem 0rem;
}
.contact_section .form form ul li{
    background:#fff;
    margin-bottom:1rem !important;
    border-radius:20px !important;
    padding:1rem !important;
    
}
.contact_section .form form ul li input,
.contact_section .form form ul li textarea{
    border:none;
}
.contact_section .form form{
    background: transparent !important;
    padding: 0;
}
.contact_section .form .text{
  padding-bottom: 1rem;
}
.contact_section .form .text h1{
  color: #293F47;
  font-weight:bold;
  font-size: 4rem;
}
.contact_section .form .text p{
  color: #293F47;
  font-weight: normal;
  font-size: 1.8rem;
  margin-bottom: 0;
}
.contact_section .form form ul li{
    border:none;
}
.contact_section .form form ul li h2{  
    font-size:1.5rem;
    font-weight:bold;
    color:#00000070;
}
/* statistics-items */
.statistics__section {
    background: #F5F2EC;
    padding: 6rem 0rem;
    position: relative;
}
.statistics__section .title{
    align-items: center;
    padding-bottom: 2rem;
}
.statistics__section .content{
  padding-top: 2rem;
}
.statistics__section .statistics-items {
    width: 100%;
    justify-content: center;
    margin: 5rem 0 0;
    flex-wrap: wrap;
}
.statistics__section .statistics-items .item {
    justify-content: center;
    width: 50%;
    padding-bottom: 7rem;
    position: relative;
    margin-bottom: 0rem;
}
.statistics__section .statistics-items .item .image{
    background:#fff;
    width:120px;
    height:120px;
    border-radius:50%;
    padding:1rem;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:2rem
}
.statistics__section .statistics-items .item .image img{
    max-width:60px;
    height:60px
}
.statistics__section .statistics-items .item .number {
    font-size: 4rem;
    color: #293F47;
    direction: rtl;
    font-weight: bold;
    position: relative
}
.statistics__section .statistics-items .item .title {
    color: #293F47;
    font-size: 2rem;
    margin: 0;
    text-align: center;
    font-weight: normal;
    display: flex;
    align-items: center;
}
/* units_section  */
.units_section{
    background: #fff;
    padding: 6rem 6rem;
    box-shadow: 0 0 86px #abaaa629;
    margin-bottom: 7rem;
}
.units_section .custom-container{
}
.units_section:before,.units_section:after{
    display:none;
}
.units_section .title h3, .units_section .title p {
    color: #293F47;
}
.units_section .title .link a{
    background: #293F47;
    color:#F5F2EC;
}
.units_section .item{
    display: flex !important;
    flex-direction:column;
}
.units_section .item .content{
    position:relative;
    width: 100%;
    left: 0;
    padding: 0 2rem;
    top: auto;
    bottom: auto;
}
.units_section .item .content span,.main_title span{
    color:#F5F2EC;
    background:#293F47; 
}
.units_section .item .content h1{
    color:#293F47;
}
.units_section .item .image:before{
    display:none
}
.units_section .item .content p{
    color:#ABAAA6;
}
.units_section .item .content .more{
    padding:0;
    float: right;
}
.units_section .item .content .more a{
    border-bottom:4px solid #293F47;
    color: #293F47;
}
.units_section .item .content .text{
     color: #ABAAA6;
     font-size: 1.3rem;
}
/* partners */
.partners{
    padding-bottom: 7rem;
}
.partners .slick-track,.partners .slick-track .item{
    display:flex;
    align-items:center;
    justify-content: center;
}
.partners .slick-track .item{
   margin:0 4rem
}

/* posts_section */
.posts_section{
    padding: 0rem 0 8rem 0rem;
    margin-bottom: 0;
    box-shadow: none;
    position: relative;
    background: transparent;
}
.posts_section .custom-container{
    position:relative
}
.posts_section .custom-container:before{
   position:absolute;
   content:"";
   top:0;
   left:0;
   width:100%;
   height: 78%;
   background:#293F47;
}
.posts_section .title{
  padding-top:5rem; 
}
.posts_section .title .tit h3{
    color:#F5F2EC
}
.posts_section .title .link a{
    background:#F5F2EC;
    color:#293F47;
}
.posts_section:after{
    display:none;
    
}
.posts_section .item .content .text{
    /* display:flex; */
    /* align-items:center; */
    /* justify-content:space-between; */
}
.posts_section .item .content .text .txt{
    /* width: 68%; */
    font-size: 1.3rem;
    color: #ABAAA6;
}
.posts_section .item .content .text .more{
    width: 28%;
}
/* footer */
footer {
    position: relative;
    background: transparent;
    padding: 4rem 0 2rem 0;
}
footer .footer__top{
    background:url('../images/footerBack.png') no-repeat;
    background-size:100% 100%;
    padding:6rem 4rem;
}
.footer__top .menus .title h1{
    color:#957111;
    font-size:3rem;
    font-weight:bold;
    padding-bottom:2rem
}
.footer__top .menus ul{
    padding: 0;
    list-style: none;
    gap: 5rem;
    margin: 0;
    position: relative;
}
.footer__top .menus ul{
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}
.footer__top .menus ul li a {
    color: #957111;
    font-size: 2rem;
    font-weight: normal;
    padding: 0.8rem 0;
    display: block;
    transition: all 0.5s ease-in-out;
    font-family: 'Almarai';
    position: relative;
    padding-top: 0;
    padding-bottom: 1rem;
}
.footer__top .menus ul li a:after {
    position: absolute;
    top: 1.5rem;
    content: "";
    background: #957111;
    width: 1rem;
    height: 2px;
    opacity: 0;
    left: -2.6rem;
    transition: all 0.5s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer__top .menus ul li a:hover:after {
    left: -1.6rem;
    opacity: 1
}
.footer__top .menus ul.menu a:hover {
    color: #957111;
}

.footer__bottom {
    padding: 3rem 0 0rem 0;
}

.footer__bottom .footer__right p{
    font-size:1.5rem;
    font-weight:normal;
    color:#ABAAA6;
}
.footer__bottom p.rights {
    color: #293F47;
    font-size: 1.8rem;
    font-weight: normal;
    margin: 0;
}
.footer__bottom .rowaad{
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-end;
}
.footer__bottom .rowaad span {
    padding-right: 1rem;
    color: #ABAAA6
}
.footer__bottom .rowaad a {
    color: #ABAAA6;
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
}
.footer__bottom .rowaad a svg{
    
}
/* breadcrumbs */
#breadcrumbs {
    position: relative;
    background:url('../images/breadCrumb.png') no-repeat !important;
    background-size:100% 100%;
    padding: 25rem 0 10rem 0;
}
#breadcrumbs:before{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url('../images/Gradientbread.png') no-repeat;
    background-size:100% 100%;
}
#breadcrumbs .text h3{
    margin-bottom: 4rem;
}
#breadcrumbs  .text a ,
#breadcrumbs .text h3,
#breadcrumbs .text h2{
    font-size: 2rem;
    color: #F5F2EC;
    font-weight: 300;
    position: relative;
    text-align: left;
}
#breadcrumbs .text h2 {
    font-size: 3rem;
    font-weight: bold;
    text-align:center;
}
.main .bottom .slick-initialized .slick-slide > div{
    display:flex;
    /* align-items:stretch; */
    background: #CCCAC7;
    border-radius: 50px;
    padding: 0.5rem;
}
.dropdown-toggle {
    background-color: transparent;
    padding: 10px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dropdown-toggle span{
    font-size:2rem;
    font-weight:normal;
}
.arrow {
    font-size: 18px;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-menu .dropdown-item {
    cursor: pointer;
    font-size: 3.5rem;
    font-weight: normal;
    padding: 1rem 0 1rem 2rem;
    font-family: 'Almarai';
}

.dropdown-menu .dropdown-item:hover {
    background-color: #f1f1f1;
}

.container {
    max-width: 1100px;
}
.custom-container{
    padding: 0px 6rem;
}


.error-404 {
    background: transparent
}
.not-found .page-content a {
    border: 0.2rem solid var(--var-color) !important;
}

.header-bottom ul{
    display:flex;
    align-items:center;
    justify-content:center;
}

#searchform input {
    height: 4rem;
    border: none;
    border-right: 0;
    font-weight: 300;
    font-size: 1.4rem;
    background: transparent;
    border-radius: 30px;
    color: #000;
     
outline: none!important;
     border-color:transparent !important;
     box-shadow:none !important;
}
#searchform input:focus,
#searchform input:focus::placeholder{
  border: none !important; /* Disables the border when focused */
  outline: none !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
.search .input-group span{
    display: flex;
    align-items: center;
    justify-content: center;
}
#searchform input::placeholder{
    color:#fff;
    font-weight:normal;
    font-size:1.125rem;
     
}
#searchform input::placeholder{
    color:var(--var-color);
    font-weight:normal;
    font-size:1.125rem;
     
}
#searchform .btn {
    margin: 0;
    padding: 0.9rem;
    border-radius: 0;
    background: transparent;
    border-color: transparent;
}
#searchform .btn svg path{
    fill:#fff;
}
#searchform .btn svg path{
    fill:var(--var-color);
}

/* about_page */
.about_page_top{
    padding:3rem 0;
    background: #fff;
}
.about_page_top h1{
  color:#293F47;
    font-size:3rem;
    font-weight:bold;
    padding-bottom:2rem
}
.about_page_top p{
    color:#868E91;
    font-size:2.5rem;
    font-weight:normal  
}
.about_page{
    background: #fff;
    padding: 0;
}
.about_page .about_top .image{
    padding:0;
}
.about_page .about_top .image img{
    border-radius:120px;
}
.about_page .about_top{
    padding: 3rem 0;
}

.about_page .about_top .about__details p{
    font-weight:normal;
    font-size: 2.5rem;
}
.about_page .about_bottom .item{
    padding: 4rem 0;
    border-top:1px solid #707070;
    display:flex;
    align-items:center;
}
.about_page .about_bottom .item .row{
    display:flex;
    align-items:center;
    justify-content:center;
}
.about_page .about_bottom .item .text h1{
    color:#293F47;
    font-weight:bold;
    font-size:3rem;
}
.about_page .about_bottom .text p{
    color:#868E91;
    font-size:2.3rem;
    font-weight:normal;
    text-align: justify;
}
.about_page .about_bottom img{
    border-radius:50px;
}
/* projects_page */
.projects_page{
    background:#F5F2EC;
    margin:0;
    padding:5rem 0;
}
.projects_page:before,
.projects_page:after{
    display:none;
}
.projects_page .item{
    padding:0;
    border:none;
}
/*  page-template-page-interest */
.page-template-page-interest .contact_section{
    padding:4rem 0;
    margin:0;
    background: transparent !important;!i;!;!im;!im;!i;!;
}
/* post-type-archive-units */
.post-type-archive-units .units_section{
    padding:5rem 0;
    background:transparent;
    margin: 0;
    box-shadow: none;
}
/* page-template-page-partners */
.page-template-page-partners .partners{
    padding:8rem 0;
}
.page-template-page-partners .partners .item{
    margin:0 3rem
}
.contact-page{
    background:transparent !important;
    margin-bottom: 6rem;
}
/* projects_section_single */
.projects_section_single .pro_det{
    padding:4rem 0;
}
.projects_section_single .pro_det .pro-imgs .main-slider img{
    border-radius:20px
}
.projects_section_single .pro_det .pro-imgs .main-slider .image::before{
    display:none !important
}
.projects_section_single .pro_det .proDet .top_single_info{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:2rem;
    flex-wrap: wrap;
}
.projects_section_single .pro_det .proDet .top_single_info span{
    background:#293F47;
    border-radius:22px;
    color:#F5F2EC;
    font-size:1.5rem;
    font-weight:bold;
    padding:1rem 3rem;
}
.projects_section_single .pro_det .proDet .top_single_info .pro_type span:first-child{
    background:#D0C080;
    color:#F5F2EC;
}
.projects_section_single .pro_det .proDet .top_single_info .pro_type span:last-child{
    background:#E0E0DA;
    color:#2F352F;
}
.projects_section_single .pro_det .proDet h3{
    color:#293F47;
    font-weight:bold;
    font-size:3rem;
    padding-bottom:1rem;
}
.projects_section_single .pro_det .proDet p{color: #293F47;font-weight: normal;font-size: 1.8rem;}
.projects_section_single .pro_det .pro_more_info{
    background:#fff;
    padding: 2rem 0 3rem 2rem;
    border-radius:20px;
}
.projects_section_single .pro_det .pro_more_info p{
    color:#000000;
    font-size:1.4rem;
    font-weight:normal;
}
.projects_section_single .pro_det .pro_more_info .more{
    margin-top:3rem
}
.projects_section_single .pro_det .pro_more_info a{
    background:#293F47;
    border-radius:22px;
    color:#F5F2EC;
    font-size:1.5rem;
    font-weight:bold;
    padding:.8rem 3rem;
    position: relative;
}
.projects_section_single .map .add_pro{
    display:flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 3rem 0 3rem 3rem;
    background: #fff;
    border-radius:20px;
}
.projects_section_single .map h3{
    color:#41372E;
    font-size:3rem;
    font-weight:bold
}
.projects_section_single .map .loc{
    padding-top:2rem;
}
.projects_section_single .map .loc span:last-child{
    padding-left:1rem;
    color:#41372E;
    font-size:1.8rem;
    font-weight:normal;
}
.contact_section .contact_home_info .items .item{
    display:flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    padding-bottom: 2rem;
}
.contact_section .contact_home_info .items .item .icon{
    padding-right: 2rem;
    padding-bottom: 1rem;
}
.contact_section .contact_home_info .items .item .info h1{
    width: 100%;
    font-size: 2rem;
    line-height: 30px;
    padding: 0;
    color: #000000;
    font-weight: normal;
}
.contact_section .contact_home_info .items .item .info a,
.contact_section .contact_home_info .items .item .info p{
    font-size: 1.9rem;
    color: #000000;
    font-weight: normal;
    padding: 0;
}

.wp-block-separator {
    width: 29%;
    position: relative;
    margin-left: 0;
}
.wp-block-image {
    text-align: center;
    width: 80%;
    margin: auto;
}

.companies .item {
    width: 20%;
    text-align: center;
    padding: 3rem;
}

/* 404 */
.error-message {
    color: #000;
    font-size: 15rem;
    padding: 0;
    margin: 0;
}
.error-message:before {
    color: #000;
}
.error-message + p ,
.error-message + p +p {
    font-size: 2rem;
}
.single-page p {
    font-weight: normal;
    font-size: 2rem;
    line-height: 2;
    color: #293F47;
    text-align: center;
}
 
.single-page a {
    /*background: #BD9F58;*/
    /*border-color: #BD9F58*/
}

.search-page.media_section {
    background: transparent;
    border: 0;
    padding: 0;
    margin-bottom: 2rem;
}
.search-page.media_section .search-title {
    margin: 0  0
 2rem 0}
.search-page.media_section .item {
    margin: 1rem;
}
.search-page.media_section .item .image img {
    height: 45rem;
}
.post-nav {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 4rem 0 0;
}
.post-nav .pager {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.post-nav .pager li span ,
.post-nav .pager li a {
    padding: 1rem;
    color: #000;
    background: #E6E6E6;
    margin: 1rem;
    font-size: 1.4rem;
}
.post-nav .pager li.active span ,
.post-nav .pager li.active a {
    background: var(--var-color);;
    color: #fff;
}
.post-nav .pager li a.arr.prev span svg {
    transform: rotate(-90deg)
}
.post-nav .pager li a.arr[title="Next"] span svg {
    transform: rotate(180deg)
}

/* projects-page */

body.rtl .gform_legacy_markup_wrapper ul > li.gfield,
.project-single .gfield  {
    width: 100% !important;
    margin: 0;
}
.gform_legacy_markup_wrapper .validation_message {
    font-size: 1.2rem !important;
    padding: 1rem 0 !important;
}
body.rtl .project-single .gform_legacy_markup_wrapper ul > li.gfield:last-child,
.project-single .gfield:last-child {
    width: 100% !important;
}

.page-id-3424 .gform_legacy_markup_wrapper ul > li.gfield:nth-of-type(5),
body.rtl .job-page .gform_legacy_markup_wrapper ul > li.gfield:nth-of-type(5) {
    width: 98% !important;
}
.project-single .gfield label {
    color: #C0C0C0;
    padding-left: 1rem;
}
.project-single .gfield .ginput_container {
    margin: 0;
}
.gfield .iti.iti--allow-dropdown input  {
    color: var(--main-color);
    border: 0 !important;
    margin: 0;
    padding-left: 1rem !important;
    background:transparent;
}
.project-single .gfield textarea::placeholder ,
.project-single .gfield input::placeholder {
    
    color: var(--text-color);
    font-size: 1.5rem;
}
.project-single .gform_button {
    width: 100% !important;
    background: #AF8755;
    border: 0;
    padding: 1.5rem;
    border-radius: 0rem;
    color:#fff !important;
    font-size: 1.5rem !important;
    font-weight:900;
    display: flex !important;
    margin: 1rem 0 !important;
    justify-content: center;
        text-align: center !important;
}
 body.rtl .project-single .gform_legacy_markup_wrapper input[type=submit]{
     text-align: center !important;
 }
.project-single .map {
    position: relative;
}
/*.project-single .map:after {*/
/*    width: 100%;*/
/*    background: linear-gradient(to bottom, #EEE2D2, transparent);*/
/*    height: 20%;*/
/*    position: absolute;*/
/*    content: "";*/
/*    top: 0;*/
/*    right: 0;*/
/*    left:0;*/
/*}*/
/*.project-single .map:before {*/
/*    width: 100%;*/
/*    background: linear-gradient(to top, #EEE2D2, transparent);*/
/*    height: 50%;*/
/*    position: absolute;*/
/*    content: "";*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    left:0;*/
/*}*/
.project-single .map a {
    position: absolute;
    top: 8rem;
    left: 12rem;
    background: var(--var-color);
    color: #fff;
    padding: 1rem 2rem;
    font-size: 1.5rem
}

.gform_page:first-of-type .gform_page_footer {
    flex-direction: row
}
.gfield_required_text,
.gfield_required_asterisk {
    display: none !important;
}
.entry-content {
    padding: 0;
}
.job-page .gform_heading ,
.page-id-2664 .gform_title {
    display: none !important;
}
.page-id-2664 .gform_wrapper.gravity-theme .gform_fields {
    display: flex;
    flex-wrap: wrap;
}
.page-id-2664 .gform_wrapper.gravity-theme .gform_fields .gfield {
    /* flex: 1; */
    width: 33%;
    position: relative;
}
.page-id-2664 .gform_wrapper.gravity-theme .gform_fields .gfield label {
    font-size: 1.6rem;
    padding: 0 1.5rem;
}
.page-id-2664 .gform_wrapper.gravity-theme .gform_fields .gfield input {
    border-radius:1rem;
    border: 1px solid #BFBFBF;
    padding: 1.7rem;
}
.page-id-2664 .gform_wrapper.gravity-theme .gform_fields .gfield input::placeholder {
    color: #000;
}
.iti__flag-container {
    left: unset !important;
    right: 0 !important;
    direction: rtl !important;
    color: #707070;
    font-size: 1.3rem;
    !i;!;
}
.iti--separate-dial-code .iti__selected-flag {
    background: transparent !important;
}
.iti__flag-container .iti__arrow {
    display: none;
}
.upload__file {
    position: relative;
}
.upload__file .ginput_container {
    /* border-radius:1rem; */
    /* padding: 1.7rem; */
    position: relative;
    /* background: #F7F7F8; */
}
.gform_wrapper.gravity-theme .ginput_preview {
    margin: 28px 0 0 !important;
}
.page .gform_wrapper .gform_fields .gfield.upload__file .ginput_container input {
    /*padding: 0 !important;*/
    /*z-index: 9999999;*/
    /*position: relative;*/
}
.upload__file  .gfield_description {
    position: absolute;
    top: 2rem;
    color: #C0C0C0;
}
.upload__file .validation_message {
    top: unset;
    bottom: 1rem;
    font-size: 1.2rem !important;
}
.upload__file  input{
    opacity: 0;
    width: 100% !important;
    height: 66px !important;
    position: absolute;
    z-index: 999;
    top: -25px;
}
.gform_fileupload_rules {
    display: none !important;
}

.gform_legacy_markup_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper li.gfield_error textarea {
    border: none !important;
}
.contact-page .map {
    overflow: hidden;
    margin: 1rem 0;
}
.page .gform_wrapper,
.contact-page .gform_wrapper {
    margin: auto;
}
.page-id-3424 .gform_wrapper,
.contact-page .gform_wrapper {
}
.page-id-3424 .gform_wrapper .gform_heading,
.contact-page .gform_wrapper .gform_heading {
    display: flex;
    justify-content: center;
    display: none;
}
.page .gform_wrapper .gform_fields,
.contact-page .gform_wrapper .gform_fields {
    display: flex;
    flex-wrap: wrap;
    gap: 0rem;
    justify-content: center;
}

.gform_confirmation_message {
    font-size: 2rem;
    font-weight: 400;
    text-align: center !important;
    margin: auto;
    display: flex;
    justify-content: center;
    padding: 3rem 0;
    color: #66C371;
}
.page .gform_wrapper .gform_fields .gfield ,
.contact-page .gform_wrapper .gform_fields .gfield {
    width: 48%;
}
.page .gform_wrapper .gform_fields .gfield:last-child ,
.contact-page .gform_wrapper .gform_fields .gfield:last-child {
    width: 100% !important;
}
.page .gform_wrapper .gform_fields .gfield label ,
.contact-page .gform_wrapper .gform_fields .gfield label {
    display: block;
    font-size: 1rem;
    color: #293F47;
    font-weight: normal;
    margin: 0;
    padding: 1rem 0 0rem  1rem!important;
}
.page .gform_wrapper .gform_fields .gfield textarea ,
.page .gform_wrapper .gform_fields .gfield select ,
.page .gform_wrapper .gform_fields .gfield input ,
.upload__file .ginput_container{
    font-size: 1.2rem !important;
    margin: 0 !important;
    font-weight: 300;
    color: #AAAAAA;
    padding: 0 1rem !important;
    background: #fff;
    border: none;
    height: 40px;
    border-radius: 20px !important;!i;!;
}

.page .gform_button {
    background: #BD9F58;
    border: #BD9F58;
    font-size: 1.5rem !important;;
    padding: 1rem 3rem;
}
.page .gform_wrapper .gform_fields .gfield textarea ,
.contact-page .gform_wrapper .gform_fields .gfield textarea {
    height: 14rem;
}
.page .gform_wrapper .gform_fields .gfield:last-of-type ,
.contact-page .gform_wrapper .gform_fields .gfield:last-of-type {
    margin: 0!important;
}
.page .gform_wrapper .gform_fields .gfield input::placeholder ,
.page .gform_wrapper .gform_fields .gfield textarea::placeholder ,
.contact-page .gform_wrapper .gform_fields .gfield input::placeholder ,
.contact-page .gform_wrapper .gform_fields .gfield textarea::placeholder,
.contact-page li select{
    color: #000000;
    font-size: 1.2rem;
    font-weight: bold;
}
.gfield_required_text,
.gfield_required_asterisk {
    display: none !important;
}
html[dir=rtl] .gform_legacy_markup_wrapper h3.gform_title,
body.rtl .gform_legacy_markup_wrapper h3.gform_title,
.contact-page .gform_title {
    font-size: 4rem !important;
    font-weight: 500 !important;
    color: var(--main-color);
}
.gform_legacy_markup_wrapper .gform_footer {
    display: flex;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.top_page_sa{
    padding-top: 5rem;
}
.top_page_sa .title h3{
    color:#6591B2;
    padding-bottom:1rem;
}
.top_page_sa .title p{
    color:var(--main-color);
    font-size:1.375rem;
    padding-bottom:5rem;
    
}

#con_loction{
    position:relative;
}
#con_loction .place-card-large{
    display:none;
}
#con_loction .title_single{
    position:absolute;
    top: 1%;
    left: 0.5%;
    background:#fff;
    padding:2rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
#con_loction .title_single .text{
    padding-left:2rem;
}
#con_loction .title_single .text h2{
    color:#202025;
    font-weight:bold;
    font-size:1.375rem;
}
#con_loction .title_single .text p a{
    color:#999999;
    font-weight:normal;
    font-size:1.375rem;
    width:70%;
}
#con_loction .title_single .text p:last-of-type{
    color:#6591B2;
    font-weight:500;
    font-size:1.375rem;
}
.job-page .gform_footer .btn ,
.page-id-3424 .gform_footer .btn ,
.contact-page .gform_footer .btn {
    font-size: 1.5rem !important;
    padding: 0rem 5rem;
    background: #D0C080;
    width: 30% !important;
    border: none;
    margin: 2rem 0 0 0!important;
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
    border-radius: 30px;
    color: #fff;
}
.forms_pages .gform_footer .btn{
}
.contact-page .gform_footer .btn:hover {
    background: #000;
    color: #fff;
}

.fullPageMenu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    transition: 0.5s;
    z-index: 99999;
}

.fullPageMenu.active {
    top: -100%;
}

.fullPageMenu .nav {
    display: block;
    /* justify-content: center; */
    align-items: center;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    /* padding: 4rem 0; */
}
.fullPageMenu .nav .header__logo {
    text-align: center;
    padding: 4rem;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 2rem;
    background: var(--white-color);
}
.fullPageMenu .nav img {
    width: 50%;
    margin: auto;
}
.fullPageMenu .nav ul li img{
    width:auto;
}

.fullPageMenu .nav ul {
    position: relative;
    padding: 0 2rem;
    height:auto;
}

.fullPageMenu .nav ul li {
    position: relative;
    list-style: none;
    padding: 0 20px;
    margin: 5px 0;
    overflow: hidden;
}


.fullPageMenu .nav ul li:hover {
    transition: transform 0.5s ease-in-out;
    color: #BD7303
}

.fullPageMenu .nav ul li a {
    position: relative;
    color: #000;
    text-decoration: none;
    font-size: 2rem;
    font-weight: bold;
    line-height: 2;
    display: block;
    text-transform: uppercase;
    transition: 0.5s ease-in-out;
}

.fullPageMenu .nav ul ul {
    display: none;
}
.fullPageMenu .nav ul li:hover > ul.sub-menu {
    display: block;
}
.menuclose {
    position: absolute;
    right: 3rem;
    top: 2rem
}
.menuclose svg path {
    stroke: #fff
}
.acf-map {
    width: 100%;
    height: 700px;
    border: #ccc solid 1px;
    margin: 20px 0;
}
.iti__country-list {
    right:0;
}
.dropdown-toggle::after{
    display:none !important;
}
@keyframes animloader {
  0% {
    height: 40px;
    transform: translateY(0);
  }
  100% {
    height: 10px;
    transform: translateY(30px);
  }
}

@keyframes animloader1 {
  0% {
    height: 48px;
  }
  100% {
    height: 4.8px;
  }
}
.single-page-news{
    padding-top:5rem;
    padding-bottom:4rem;
}
.single-page-news h3{
    color:#6591B2;
    font-weight:bold;
    font-size:2.625rem;
}
.pro-item{
    position:relative;
}
.pro-item .image{
    position:relative;
}
.pro-item .image:before{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url('../images/projects_Slider_after.png') no-repeat;
    background-size:100% 100%;
}
.pro-item .text{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    display:flex;
    flex-direction:column;
    align-items:start;
    justify-content:center;
    background:url('../images/slider_top.png') no-repeat top left,url('../images/slider_bottom.png') no-repeat bottom left, #293F4749; 
    background-size:100%;
}
.pro-item .text .heading{
    color:#F5F2EC;
    font-size:3.5rem;
    font-weight:bold;
}
.pro-item .text .desc{
    font-weight: 400;
    color: #ABAAA6;
    font-size: 1.6rem;
    line-height: 25px;
        position: absolute;
    bottom: 25%;
}
.pro-item .text .desc span{
    margin-right:1rem;
}
.sm-item .caption .add{
    font-weight:bold;
    color:#fff;
    font-size:1rem;
    gap:0.5rem;
    margin-bottom:1rem;
}
.sm-item .caption .add p{
    margin:0;
    font-size: 1rem;
    background:#293F47;
    border-radius:20px;
    display:inline-block;
    padding:0.5rem 1rem;
}
.pro-item .text .btn.right-btn{
    background:transparent;
    color:#fff;
    border-radius:0;
    font-size: 1.5rem;
    padding:0.8rem 0rem;
    margin-right:1rem;
    font-weight: bold;
    border:None;
}
.pro-item .text .btn.right-btn span{
    padding-left:1rem
}
.pro-item .text .btn.right-btn span svg{
    width:25px;
    height:25px;
    transform:rotate(180deg)
}
.sm-item .caption .btn.right-btn{
    background:transparent;
    color:#293F47;
    border-radius:0;
    font-size: 1.25rem;
    padding:0.8rem 0rem;
    margin-right:1rem;
    font-weight: bold;
    border:None;
    float: right;
    margin-top: 1rem;
}
.sm-item .caption .btn.right-btn svg{
    transform:rotate(180deg)
}
.pro-item .text .btn.right-btn:hover{
        padding:0.8rem 0rem;
        border: none !important;
}
.pro-item .text .btn.sec-btn{
    background:#2F3030;
    color:#fff;
    border-radius:0;
    font-size:1rem;
    border:1px solid #707070;
    padding:0.8rem 2.5rem;
}
.pro-item .slider-destails{
    margin-bottom:1rem;
}
.pro-item .status{
     background:#C5AE80;
    color:#000000;
    border-radius:0;
    font-size:1rem;
    padding:0.5rem 2rem;
    margin-right:1rem;
    font-weight:bold;
}
.sm-item .wp-post-image{
    padding:0;
    border:None;
    background:transparent;
    width: 100%;
    height: 100%;
}
.sm-item{
    position:Relative;
    margin:1rem 0.8rem;
}
.sm-item .image{
    position:relative;
    max-width: 45%;
    border-radius: 45px;
    overflow: hidden;
    border: 2px solid #CCCAC7;
}
/*.sm-item .image:before{*/
/*    content:'';*/
/*    position:absolute;*/
/*    right:0;*/
/*    top:0;*/
/*    width:100%;*/
/*    height:100%;*/
/*    background:#000000;*/
/*    opacity:50%;*/
/*}*/
.sm-item .caption{
    max-width: 55%;
    padding: 1rem 2rem 1rem 2rem;
    /* position:absolute; */
    /* right:5px; */
    /* bottom:5px; */
}
.sm-item .caption h3{
    color:#293F47;
    font-weight:Bold;
    font-size:1.6rem;
    padding-right:3rem;
    line-height:2.5rem;
}
.main{
    position:relative;
}
.main .bottom {
    width:100%;
    left:0;
    position: absolute;
    bottom: 0;
}

.pro-imgs{
    position:relative;
    margin-bottom: 100px;
}
.gallery-navs{
    position:absolute;
    bottom:-50px;
    width:80%;
    left:10%;
}
.main-slider .image{
    position:relative;
}
.main-slider .image:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background: rgb(84,84,84);
     background: linear-gradient(0deg, rgba(84,84,84,1) 100%, rgba(46,46,46,1) 50%, rgba(0,0,0,1) 100%);
     right:0;
    top:0;
    opacity:0.4;
}
.navs-slider .image{
    position:relative;
    margin:0 0.5rem;
}
.navs-slider  .image:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background: rgb(84,84,84);
     background: linear-gradient(0deg, rgba(84,84,84,1) 100%, rgba(46,46,46,1) 50%, rgba(0,0,0,1) 100%);
     right:0;
    top:0;
    opacity:0.3;
}

.project-single .title h1{
    font-size:3rem;
    font-weight:bold;
    color:#293F47;
}
.project-single .projServ{
    margin: 2rem 0;
}
.project-single .projServ li{
    background:#fff;
    text-align: center;
    width: 22.8%;
    margin: 1%;
    padding: 2rem 2rem 1rem;
    color: #0F1015;
    border-radius: 1rem;
    display: inline-block;
}
.project-single .projServ li p{
    color: #41372E;
    padding-top: 1rem;
    text-align:Center;
    font-weight:900;
    font-size: 1.8rem;
}















body .gform_legacy_markup_wrapper ul > li.gfield  {
    width: 100% !important;
    padding: 0rem 0 0 !important;
    border-radius: 0.4rem;
}
.gform_legacy_markup_wrapper .validation_message {
    font-size: 1.2rem !important;
    padding: 1rem 0 !important;
}
body.rtl .project-single .gform_legacy_markup_wrapper ul > li.gfield:last-child,
.project-single .gfield:last-child {
    width: 100% !important;
}
.page-id-3424 .gform_legacy_markup_wrapper ul > li.gfield:nth-of-type(5),
body.rtl .job-page .gform_legacy_markup_wrapper ul > li.gfield:nth-of-type(5) {
    width: 98% !important;
}
.project-single .gfield label {
    color: #C0C0C0;
    padding-left: 1rem;
}
.project-single .gfield .ginput_container {
    margin: 0;
}
.gfield .iti.iti--allow-dropdown input{
    color: #C0C0C0;
    border: 0 !important;
    margin: 0;
    padding-left: 1rem !important;
}
.project-single .gfield textarea::placeholder ,
.project-single .gfield input::placeholder {
    color: #C0C0C0;
    font-size: 1.5rem;
}
.project-single .map {
    position: relative;
    border:1px solid #cccccc87;
    border-radius:1rem;
    margin: 4rem 0;
    padding: 2rem;
    text-align: left;
}
.project-single .map iframe{
    background:#fff;
    padding: 2rem;
    border-radius: .5rem;
    overflow: hidden;
}
.project-single .form .form-title p {    
    color: #C0C0C0;
}
.project-single .units .pro-title p {
    font-size: 3rem;
    font-family: 'Almarai';
    color: #012434;
    margin: 0;
}
.project-single .units p span {
    font-size: 1.5rem;
    color: #012434; 
}
 .register-form .gform_wrapper .gform_fields .gfield label{
    color:#0F1015;
    font-size:1rem;
    font-weight:bold;
    margin-top:1rem;
}
.register-form{
    margin: 4rem 4rem;
    box-shadow: 0 55px 220px #00000005;
    padding: 2rem;
}

html[dir=rtl] .project-single .register-form .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding: 1rem 0 0 0 !important;
}

.guarantees{
	background:#E1C897;
	padding:5rem 0;
}
.related{
    padding-right:20%;
}
.related .item{
    margin:2rem 1rem;
}
.guarantees .title_g h2,.related .title h2{
	color:#251603;
	font-weight:900;
	font-size:2.5rem;
	margin-bottom:2rem;
}
.guarantees .item h2{
	color:#251603;
	font-weight:900;
	font-size:1.5rem; 
	margin-top:1rem;
}
.guarantees .item p{
	color:#251603;
	font-weight:900;
	font-size:1rem; 
 }
.guarantees .item{
	margin:2rem 0;
}
.category .posts_section .custom-container:before{
    display:none;
}
  
@media(max-width: 1500px) and (min-width: 1366px) {
  
    
}

@media(max-width:768px) {
    html {
        font-size: 8px;
    }
     .projects_section_single .pro_det .proDet .top_single_info {
    height: 100px;
}
    .main .bottom {
    bottom: -7rem;
}
.project-single .projServ li {
    width: 30.8%;
}
.map_section .map_desc ul li {
    font-size: 1.4rem;
}
.projects_section:after {
    bottom: -7rem;
}
.projects_section .item .content h1 {
    margin-top: 0rem;
}
.about__section .about_top .image:after{
    display:none;
}
.about__section .about__details a {
    margin-bottom: 2rem;
}
.about__section .about_bottom .about__details .content {
    padding: 2rem 0;
    width: 100%;
}
.about__section .about_bottom .about__details .content h1 {
    font-size: 3rem;
    padding: 1rem 0;
}
.about__section .about_bottom .about__details .content p {
    width: 100%;
    line-height: 20px;
}

.contact_section .contact_home_info h1 {
    font-size: 2rem;
    width: 100%;
    line-height: 12px;
    padding-top: 1rem;
}
.footer__top .menus ul li a {
    font-size: 2rem;
}

.pro-item .text .heading {
    font-size: 2.5rem;
}
.services_single .text{
    padding-bottom:3rem
}
#breadcrumbs .text a, #breadcrumbs .text h3, #breadcrumbs .text h2 {
    font-size: 1.5rem;
    line-height: 30px;
}
.contact_section .contact_home_info p {
    font-size: 1.5rem;
}

    .dropdown-menu .dropdown-item {
    font-size: 2.5rem;
        
    }

  
    #breadcrumbs .text a, #breadcrumbs .text h3{
        margin:0;
    }
  
.slick-prev, .slick-next{
    display:none !important;
}
    .contact-btn a {
    right: 13%;
}
.about-page-top p{
    font-size:1.5rem !important;
}
.about-page-top {
    padding: 4rem 0 0rem 0;
}

   

    .custom-container {
    padding: 0 2rem;
}
    .fullPageMenu .nav ul ul {
    display: inline-block;
    background: transparent;
    border: none;
}
    .footer__top .menus ul {
    gap: 4rem;
}
    .ls-v6 .ls-nav-prev, .ls-v6 .ls-nav-next{
        display: none !important;
    }
    .main_title {
        font-size: 2.6rem;
        margin: 2rem 0;
    }
    header .language {
        display: none;
    }
    header .menuicon svg path {
        stroke:var(--var-color);
        fill: var(--var-color);
    }
    .home .in-pages{
    display:inline-block;
}

    .menuicon svg path{
    }
    header #Search path {
        stroke: var(--var-color);
        /* fill: unset; */
    }
  .menuicon svg{
      max-width:5rem;
  }
  header .header__logo {
        margin: 0 auto;
  }
    header #search path {
        stroke: #000
    }
     header .header-bottom{
        padding-top:2rem;
    }
    header {
        padding: 2rem;
        position: relative !important;
        background: #293F47;
    }
    .header__logo img {
    max-width: 15rem;
    }
    header .d-flex {
        justify-content: space-between !important;
    }
   
    header nav {
        display: flex;
    }
    header .header__logo {
        /* text-align: center; */
    }
    .about__section {
        padding: 8rem 0 3rem 0;
    }
    .sm-item .caption .btn.right-btn{
    margin:0;
        
    }
    .sm-item .caption h3 { 
    
    font-size: 1.3rem;
    padding-right: 2rem;
    line-height: 2rem;
}


    .about__images {
        display: none;
    }
    .media_section .item {
        margin: auto;
        /*text-align: center;*/
    }
    .media_section .item .caption {
        /* width: 80%; */
    }
    .media_section .item img {
        margin: auto;
    }
    .about__section .about__details .about__content h3{
        font-size: 2.5rem;
        padding: 0;
    }
    .about__section .about__details .about__content p {
        font-size: 1.5rem;
    }
    .about__section .about__details .about__content {
        padding: 0;
    }
    .about__section .about__image .image ,
    .about__section .about__image video {
        width: 160px !important;
        height: 290px !important;
        margin-top: 2rem;
    }
    .about__section .about__image .image {
        min-height: 173px !important;
        height: 198px !important;
    }
    .title p {
        /* width: 100%; */
        font-size: 2.5rem;
        margin-bottom: 2rem;
    }
    .units-single .form .gform_body,
    .project-single .form form {
        width: 100%
    }
    .partners_section {
        padding: 2rem 0;
    }
    html[dir=rtl] .gform_legacy_markup_wrapper h3.gform_title, body.rtl .gform_legacy_markup_wrapper h3.gform_title, .contact-page .gform_title {
        font-size: 2rem !important
    }
   .main {
    position: relative;
    padding-bottom: 5rem;
    background: #293F47;
}
    .contact-info .items {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start !important;
    }
    .contact-info .items .item h3 {
        padding: 0;
    }
    .contact-info .items .item h5,
    .contact-info .items .item ,
    .contact-info .items .item:first-of-type {
        width: 100%;
    }
    .contact-info {
        padding: 2rem;
        margin-bottom: 0;
    }
    footer .container {
        width: 100%;
    }
    .tot_footer {
    padding: 0rem 0rem 2rem 0rem;
    border-radius: 40px;
}
    .footer__top .row {
        display: unset
    }
   
    .footer__top .col {
        /* margin: 2rem; */
        width: 52%;
        display: inline-flex;
        /* align-items: flex-start; */
        flex-direction: column;
    }
    .footer__top .col:nth-of-type(3),
    .footer__top .col:last-of-type {
        width: 100%;
        padding: 0;
    }
    .footer__bottom .to-top {
        position: relative;
        padding: 5rem 0;
        z-index: 1;
    }
    .footer__top ul.social {
        text-align: center
    }
   
    .footer__bottom .row {
        flex-direction: column;
    }
    .footer__top .logo img {
        width: 44%;
    }
    .footer__bottom .d-flex .rowaad {
        text-align: center;
        width: 100%;
    }
    .footer__bottom .footer__right {
        text-align: left;
    }
    .footer__bottom p {
        font-size: 1.1rem;
        margin: 0;
    }
    .search-page.services_section .item {
        margin: 1rem  0;
    }
    #exampleModal .modal-dialog {
        max-width: 100% !important;
    }
    #exampleModal .modal-content .gfield {
        width: 100% !important
    }
 
.project-single .Project_description, .project-single .project_det {
    width: 100% !important;
}
.project-single .Project_facilities .item {
    width: 50%;
    margin: 0;
    margin-bottom: 2rem;
}
.forms_pages .text p {
    width: 90%;
}
.forms_pages .form {
    width: 100%;
}

    #breadcrumbs .main_image ,
    #breadcrumbs .main_image .text {
        height: fit-content;
        border-radius: 0 3rem 3rem 3rem;
        background-size: cover !important;
        margin: 1rem 0 0 0;
    }
    #breadcrumbs .main_image .text {
        padding: 4rem 2rem;
    }
    #breadcrumbs .main_image:after {
        border-radius: 0 3rem 3rem 3rem;
    }
    #breadcrumbs .main_image .text h2 {
        font-size: 2rem
    }
    #breadcrumbs .main_image  {
        height: 11rem;
    }
    
    header .menu li.menu-item-has-children {
        position: relative;
    }
    header .menu li.menu-item-has-children:hover ul {
        position: relative;
        top: 0;
        width: 100%;
        border-radius: 0;
    }
    header .menu li.menu-item-has-children:after {
        left: unset;
        right: 3rem;
        top: 15px;
    }
    header .menu {
        flex-direction: column;
        padding: 0;
        margin: 0;
    }
    
    body.rtl .gform_legacy_markup_wrapper ul li, .project-single .gfield{
        width: 100% !important
    }
    .statistics__section .statistics-items {
        flex-wrap: wrap;
    }
    .statistics__section .statistics-items .item {
        width: 50%;
        flex: unset;
    }
    body.rtl .gform_legacy_markup_wrapper ul > li.gfield, .project-single .gfield {
        width: 100% !important;
        
    }
   
   
    .title h3 {
        font-size: 3rem
    }
    .contact-page { 
    margin-bottom: 0;
}
 .btn, .btn-more {
    padding: 1rem;
 }
.statistics__section .statistics-items .item .image img {
    max-width: 40px;
    max-height: 40px;
    height: auto;
}
.footer__top {
    padding: 2rem 0 0rem 0;
}
.statistics__section .statistics-items .item .image {
     width: 80px;
    height: 80px;
}
.statistics__section .statistics-items .item .number {
    font-size: 3rem;

}
.statistics__section .statistics-items .item .title {
    font-size: 1.5rem;
    text-align: left;
}
.statistics__section {
     padding: 3rem 0 0 0;
}
.about_page .about_bottom .text p,.about_page_top p ,.about_page .about_top .about__details p{

    font-size: 1.8rem;
}
    .title p {
        font-size: 2rem;
        margin: 0;
    }
    
    .single__header {
        padding: 3rem 0 0
    }
    .contact-page .gform_wrapper {
        padding: 2rem;
        margin: 0;
        width: 100%;
    }
    .contact-page .contact-info .d-flex {
        flex-direction: column;
    }
    .page .gform_wrapper .gform_fields .gfield:last-of-type, .contact-page .gform_wrapper .gform_fields .gfield:last-of-type {
        margin: 0 !important
    }
    #breadcrumbs a, #breadcrumbs h3 {
        font-size: 1.5rem;
    }
    #breadcrumbs h3 span {
        margin: 1rem;
    }
    .recruitment-page .item {
        margin: 0 4rem 4rem
    }
    .page .gform_wrapper .gform_fields .gfield {
        width: 100% !important;
        /* padding: 0 !important; */
    }
    html[dir=rtl] .page .gform_footer, html[dir=rtl] .page .gform_page_footer {
        padding: 0 !important
    }
    .companies .item {
        padding:1rem;
    }
   
    .project-single .pro-title h3 {
        font-size: 2rem;
    }
    .project-single .pro-details .item {
        padding: 1rem;
    }
    .units-single .pro-title {
        padding: 1rem;
        flex-direction: column;
        justify-content: center !important;
    }
    .units-single .units .pro-title div:last-of-type ,
    .units-single .pro-title > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
    }
    .units-single .pro-title > div:first-of-type {
        width: 80%
    }
    .units-single .units > ul {
        padding: 1rem 0;
    }
    .units-single .units > ul li {
        width: 46%;
    }
    .units-single .units > ul li svg {
        width: 2.5rem;
    }
    .units-single .wrapper {
        padding: 2rem 0 0;
    }
    .project-single .form .form-title h3 {
        font-size:1.4rem;
    }
    html[dir=rtl] .gform_legacy_markup_wrapper {
        /* padding-right: 0 !important; */
    }
    .pro-item .text p{
    font-size:2rem;
    margin:0;
}
.pro-item .text .desc p{
    font-size:1.3rem
}
.pro-item .text .desc { 
    bottom: 18%;
}
.main svg{
    max-width:1.5rem;
    max-height:2rem;
}
.search-section{ 
  padding:8rem 0 3rem 0;
} 
.search-section form{ 
  margin:2rem 0;
  padding:1rem 1rem;
    gap: 1rem;

}
.search-section #searchform .btn {
    margin: 0;
    padding: 0.9rem 2rem; 
    font-size:1.5rem;
}
#searchform input {
    padding: 0 1rem; 
    font-size: 1.2rem;
    background: url(../images/search-icon.png) no-repeat 94% center, #E1C89715;
    background-size: 2rem; 
}
.search-section  #searchform input::placeholder{ 
    font-size:1.2rem;
}
.search-section  #searchform label{ 
    font-size:1.2rem; 
    gap:1rem;
}
.search-section  #searchform  select{ 
    font-size:1.2rem; 
    min-width:auto;
}
.sm-item .image { 
    border-radius: 35px;
}
.main .bottom .slick-initialized .slick-slide > div { 
    border-radius: 40px;
}
.about__section .about__details p { 
    font-size: 1.5rem; 
    line-height: 3rem;
}
.about__section .about__details h1 {
    padding-top: 2rem;
    font-size: 3rem;
    padding-bottom: 1rem;
}
.about__section .about_top .image {
    position: relative;
    padding: 0rem 0 0 0rem;
}

.map_section .map_desc {
    flex-wrap: wrap;
    gap: 3rem;
}
.projects_section { 
    
}
.projects_section:before { 
    top: -10rem;
}
.footer__top .menus ul li a {
        font-size: 1.8rem;
    }
footer .footer__top { 
    padding: 6rem 2rem;
}
.units_section {
    margin-top: 5rem;
        margin-bottom: 2rem;
}
.projects_section .title {
    flex-wrap: wrap;
    gap: 2rem;
}
.posts_section .custom-container:before { 
    height: 72%;
}
.projects_section .item .content span, .main_title span {
    display: inline-block;
}
#breadcrumbs { 
    padding: 5rem 0 5rem 0;
}
header .logoo {
    width: 100%;
    margin: auto;
}
}
@media(max-width: 768px ) and (min-width: 500px) {
    html {
        font-size: 8px;
    }
   
}
@media(max-width: 991px) and (min-width: 768px) {
    html {
        font-size: 8px;
    }
    .header__logo img {
    max-width: 65%;
}
header .menu li a, #menu-left_menu li a {
    font-size: 1.3rem;
    padding: 0 0.5rem;
}
header .head_search {
    justify-content: center;
}
   
}
@media(max-width: 1191px) and (min-width: 992px) {
    html {
        font-size: 8px;
    }
    .header__logo img {
    max-width: 65%;
}
header .menu li a, #menu-left_menu li a {
    font-size: 1.3rem;
    padding: 0 0.5rem;
}
header .head_search {
    justify-content: center;
}
   
}
@media(max-width: 1367px) and (min-width: 1191px) {
    html {
        /* font-size: 11px; */
    }
    .sm-item .caption .btn.right-btn {
    margin-top: 0rem;
}
  .sm-item .caption h3 {
    font-size: 1.2rem;
    padding-right: 0rem;
    line-height: 2rem;
}  
 .sm-item .caption .add {
    font-size: 1rem;
    margin-bottom: 0.5rem;
} 
.projects_section:after{
    bottom: -8rem;
}
.header__logo img {
    max-width: 80%;
}
header .menu li a, #menu-left_menu li a {
    font-size: 1.3rem;
    padding: 0 0.5rem;
}
header .head_search {
    justify-content: center;
}
}
@media(max-width: 1366px) and (min-width: 1200px) {
    html {
        font-size: 11px;
    }
    .btn, .btn-more {
    padding: 1rem 1.2rem;
    }
   
}


/* Layout for search container */
.search__wraper {
	padding: 20rem;
}
  #btn-search-close svg{
         max-width:100%;
         width: 24px;
         height: 22px;
         fill: #fff;
     }
#btn-search-close svg path{
    fill: #fff;
}
.js .search__wraper {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 100%;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	background: #fff;
}

.js .search__wraper::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

.btn--search-close {
	font-size: 2em;
	position: fixed;
	z-index: 1001;
	top: 1.25em;
	right: 1.25em;
	box-shadow:none
}

.search__input {
	font-family: inherit;
	font-size: 4rem;
	line-height: 1;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 0.05em 0;
	color: #000;
	border: none;
	border-bottom: 4px solid #293F47;
	background: transparent
}

.search__input::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #293F47;
}

.search__input::-moz-placeholder {
	opacity: 1;
	/* Mozilla Firefox 19+ */
	color: #C5AE80;
}

.search__input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #C5AE80;
}

.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
	-webkit-appearance: none;
}

.search__input::-ms-clear {
	display: none;
}

.search__info {
	font-size: 1.5rem;
	font-weight: 400;
	display: block;
	width: 50%;
	padding: 0.85em 0;
	color: #000;
}

.search__related {
	display: flex;
	width: 35%;
	padding: 4em 0 0 0;
	pointer-events: none;
}

.search__suggestion h3 {
	font-size: 1.35em;
	margin: 0;
}

.search__suggestion h3::before {
	content: '\21FE';
	display: inline-block;
	padding: 0 0.5em 0 0;
}

.search__suggestion p {
	font-size: 1.15em;
	line-height: 1.4;
	margin: 0.75em 0 0 0;
	color: #C5AE80;
}

@media screen and (max-width: 40em) {
}
html[dir=rtl] .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding:0 !important;
}

    #searchform input:-internal-autofill-selected {
    border-color: #fff !important;
    background: #fff !important;
}
.header__logo img {
    max-width: 85%;
}
@keyframes opacity {
    from {
         opacity:0.2;
    }
    to {
         opacity:1;
    }
}
body.rtl .gform_legacy_markup_wrapper input[type=submit]{
        text-align: center !important;
}
.whatslink {
    position: fixed;
    right: 7%;
    top: 80%;
    z-index: 99999;
}
.whatslink a{
  display:flex;
  align-items:center;
}
.whatslink a svg{
    width:40px;
    height:40px;
}