.about__section .text .linkes a span,.more a .icon {
    margin-left: 1rem
}

.ls-nav-next,.post-nav .pager li a.arr.prev span svg {
    transform: rotate(-90deg)
}

.material-icons,html {
    font-size: 1rem
}

body {
    font-family: 'El Messiri';
    font-style: normal;
    font-weight: 400;
    overflow-x: hidden;
    position: relative
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.more {
    text-align: center;
    margin: 4rem 0 0
}

.more a {
    display: flex;
    justify-content: center;
    width: fit-content;
    margin: auto;
    align-items: center;
    padding: 12px 1.5rem
}

.more a .icon {
    background: #fff;
    padding: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s
}

.more:hover a .icon {
    background: #003b3d;
    transition: .5s
}

.more:hover a .icon svg path {
    stroke: #fff;
    transition: .5s
}

.btn,.btn-more {
    padding: 1.5rem 3rem;
    background: #008999;
    color: #fff;
    border-radius: 50px;
    font-size: 1.4rem;
    display: block;
    font-weight: 200;
    transition: .5s ease-in-out;
    text-align: center
}

.btn-default:hover,.btn-more:hover,.btn:hover {
    background: #148f9e;
    color: #fff;
    transition: .5s
}

.btn-default:focus,.btn-more:focus,.btn:focus,button {
    outline: 0!important
}

.content_ a {
    color: #000;
    text-decoration: underline;
    border: 0
}

.topTitle {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 1rem 0 3rem
}

.title h3 {
    color: #fcdd99;
    font-size: 2rem;
    font-weight: 100
}

.title p {
    color: #fff;
    font-size: 3.4rem;
    font-weight: 400
}

.error-404,.video_section.about_video_section {
    background: 0 0
}

.ls-nav-next,.ls-nav-prev {
    background: url(../images/Up.svg) center/100%;
    width: 3rem!important;
    height: 3rem!important
}

.not-found .page-content a {
    border: .2rem solid #ff5c1c!important
}

.gform_title,.home header:after,.ls-nav-next:after,.ls-nav-prev:after,.modal-backdrop,.page-title:before,.post-nav .pager .hidden,.slick-dots li button:before {
    display: none
}

.ls-nav-next {
    left: 4%;
    top: 55%!important
}

.ls-nav-prev {
    left: 4%!important;
    top: 62%!important;
    transform: rotate(90deg)
}

.slick-dots {
    left: 0;
    right: 0;
    width: auto;
    bottom: -41px
}

.slick-dots li {
    margin: 0;
    width: unset;
    height: unset
}

header,header.fixed-header {
    z-index: 999;
    width: 100%;
    transition: .5s ease-in-out
}

.slick-dots li button {
    padding: 0;
    width: 2rem;
    height: 2px;
    border: none;
    background: #d9b74c;
    opacity: .5;
    border-radius: 3px;
    margin: .1rem;
    transition: .5s ease-in-out
}

.slick-dots li.slick-active button {
    width: 4rem;
    background: #d9b74c;
    opacity: 1
}

header {
    padding: 1.5rem 1rem 13px;
    position: absolute
}

header .container .row {
    z-index: 9;
    position: relative
}

.home header {
    border-bottom: 1px solid #3c95a5
}

.contact-page .gform_wrapper .gform_heading,.page-id-3424 .gform_wrapper .gform_heading,header .header-left {
    display: flex;
    justify-content: center
}

header .header-left .servBtn a {
    background: #fff;
    color: #008999;
    border-radius: 50px;
    padding: 9px 14px;
    font-size: 14px
}

header .header-left .lang {
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 3px 9px 0;
    flex-direction: row-reverse;
    margin: 0 1rem
}

.entry-content,.social__media ul,.wpml-ls-legacy-list-horizontal a {
    padding: 0
}

.wpml-ls-legacy-list-horizontal a span {
    color: #fff;
    font-size: 1.1rem;
    text-transform: uppercase
}

.mob_lang .wpml-ls-legacy-dropdown,header .header-bottom .wpml-ls-legacy-dropdown {
    background: 0 0!important;
    border: none!important;
    width: 10rem;
    padding: .7rem 2rem;
    border-radius: 0
}

header .header-bottom .wpml-ls-legacy-dropdown,header .header-bottom .wpml-ls-legacy-dropdown li a,header .header-bottom .wpml-ls-legacy-dropdown li:hover a {
    background: 0 0!important;
    border: none!important
}

header .header-bottom .wpml-ls-legacy-dropdown:hover {
    color: #98754f!important
}

header .header-bottom .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    background: #fff!important
}

header .header-bottom .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    color: #252525
}

.mob_lang .wpml-ls-legacy-dropdown li a,header .header-bottom .wpml-ls-legacy-dropdown li a {
    background: 0 0;
    color: #fff;
    font-size: 1.25rem;
    text-align: center;
    font-family: 'IBM Plex Arabic';
    font-weight: 400
}

.mob_lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle,.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    padding-right: 0;
    padding-left: 1rem;
    border: none
}

.mob_lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after,.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    right: auto;
    left: 15px;
    top: 40%;
    background: url(../images/arr-down.svg) 0 0/contain no-repeat;
    width: .8rem;
    height: .8rem;
    border: none
}

header .header-bottom .wpml-ls-legacy-dropdown {
    transition: .3s ease-in-out;
    width: 9rem;
    padding: 1.03rem .9rem;
    border-radius: 0;
    color: #fff;
    font-size: 1.25rem
}

.mob_lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu,header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    padding: 0;
    left: -10px;
    right: -10px;
    border-radius: 0 0 10px 10px;
    outline: 0;
    border: none;
    transition: .3s ease-in-out;
    height: 0;
    overflow: hidden;
    visibility: visible
}

.mob_lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li,.posts_section .item .caption,header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li {
    padding: 1.5rem 1rem
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {
    height: auto
}

header.fixed-header {
    background: #012435;
    position: fixed;
    animation: 3s fade;
    box-shadow: 3px 10px 30px rgba(0,0,0,.1);
    padding: 1.5rem
}

header .header__logo img {
    width: auto
}

header .language {
    position: absolute;
    left: 2%;
    text-transform: uppercase;
    z-index: 9
}

header .language li a {
    font-weight: 500!important
}

header .menu {
    list-style: none;
    display: flex;
    flex-direction: row;
    padding: 1rem 0 0
}

header .menu li a {
    color: #fff;
    font-size: 1.1rem;
    transition: .5s ease-in-out;
    font-weight: 400;
    padding: 0 1rem;
    position: relative
}

header .menu li a:after {
    position: absolute;
    content: '';
    background: #fff;
    width: 0;
    height: 10px;
    bottom: -15px;
    border-radius: 10px;
    right: 0;
    left: 0;
    text-align: center;
    margin: auto;
    transition: .5s
}

header .menu li a:hover:after {
    transition: .5s;
    width: 10px
}

#breadcrumbs h3,header .menu li:hover>a {
    color: #fff
}

header .wpml-ls-menu-item .wpml-ls-display {
    color: #bf7202!important
}

header .menu ul li:hover>a {
    color: #bf7202
}

header .menu li.menu-item-has-children:after {
    position: absolute;
    top: 0;
    background: url(../images/drop.png) center/65% no-repeat;
    width: 2.5rem;
    height: 2.5rem;
    content: "";
    right: -.8rem;
    z-index: 9999999999
}

header .menu li ul {
    list-style: none;
    display: none;
    transition: .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: .5s ease-in-out;
    transform: scale(1);
    z-index: 99;
    top: 1.7rem;
    width: 27rem;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    border: 1px solid #bf7202;
    text-align: center
}

#pro_units .item .image,.footer__top .info .map,.fullPageMenu .nav ul,.main,.page .gform_wrapper .gform_fields .gfield .ginput_container_select,.pro_gallery,.upload__file,.video_section .image,.video_section .video_text,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 #ddd;
    color: #b6c3c9
}

.table th,header .menu li ul li:last-of-type a {
    border: none
}

.header-bottom .menu li a {
    background: url(../images/n.png) top right 10% no-repeat
}

header .btn--search {
    background: 0 0;
    border: 0;
    padding: 0 29px
}

.main .video_slider_section {
    position: absolute;
    bottom: 33px;
    left: 0;
    z-index: 99
}

.main .video_slider_section .image,.mob_lang,.projects-page.projects_section .main_title,.single-page .serv_det_top .main-image,.video_section a {
    text-align: center
}

.main .video_slider_section .video_text {
    position: absolute;
    bottom: 46%;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto
}

.main .video_slider_section .video_text h4 {
    background: #fff09b;
    color: #000;
    padding: 10px 1.7rem;
    width: fit-content;
    border-radius: 50px;
    font-size: 1.1rem;
    position: absolute;
    right: 0;
    bottom: -53px
}

.main .video_slider_section p {
    color: #fff;
    font-size: 1.3rem;
    width: 50%;
    margin: 9px 0;
    position: relative;
    right: -27%
}

@keyframes pulse {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 #fff
    }

    70% {
        transform: scale(1.1);
        box-shadow: 0 0 0 10px rgba(255,255,255,.2)
    }

    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(255,255,255,.7)
    }
}

.main .video_slider_section .video_text .icon {
    background: #fff;
    margin: auto;
    padding: 12px;
    width: 40px;
    height: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px
}

.main .video_slider_section .video_text .icon:after {
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    text-align: center;
    margin: auto;
    border-radius: 50%;
    padding: 12px;
    width: 40px;
    height: 40px;
    top: 0;
    box-shadow: 0 0 0 14px #fff;
    animation: 2s infinite pulse
}

.main .video_slider_section .video_text .icon svg {
    width: 70px
}

#exampleModal .modal-dialog {
    max-width: 45%
}

#exampleModal .modal-content {
    background: #012434;
    border-radius: 5rem;
    padding: 3rem;
    border: 0
}

#exampleModal .modal-content .gform_title {
    color: #fff;
    font-size: 2.4rem!important
}

#exampleModal .modal-content .close,.project-single .close {
    opacity: 1
}

#exampleModal .modal-content .close svg {
    width: 3rem
}

#exampleModal .modal-content .gform_fields {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center
}

#exampleModal .modal-content .gfield {
    background: #fff!important;
    width: 47%!important;
    padding: 1rem!important;
    border-radius: .4rem
}

#exampleModal .modal-content .gform_fields .gfield:last-child,.contact-page .gform_wrapper .gform_fields .gfield:last-child,.page .gform_wrapper .gform_fields .gfield:last-child,.project-single .gfield,body.rtl .gform_legacy_markup_wrapper ul>li.gfield {
    width: 100%!important
}

#exampleModal .modal-content .gfield label {
    color: silver
}

#exampleModal .modal-content .gfield .ginput_container,.project-single .gfield .ginput_container {
    margin: 0
}

#exampleModal .modal-content .gfield input,#exampleModal .modal-content .gfield textarea {
    color: silver;
    border: 0;
    margin: 0
}

#exampleModal .modal-content .gfield input::placeholder,#exampleModal .modal-content .gfield textarea::placeholder {
    color: silver;
    font-size: 1.5rem
}

#exampleModal .modal-content .gform_button {
    width: 100%;
    background: #bd7303;
    border: 0;
    padding: 2rem;
    border-radius: .4rem;
    font-size: 1.5rem;
    display: flex;
    margin: 3rem 0 0;
    justify-content: center
}

.about__section {
    padding: 6rem 3rem;
    position: relative;
    text-align: right;
    z-index: 9
}

.about__section:after {
    position: absolute;
    content: '';
    background: url(../images/Effect.png) center no-repeat;
    width: 100%;
    height: 871px;
    top: -42%;
    right: 0;
    left: 0;
    z-index: -1
}

.about__section .text p {
    color: #000;
    font-size: 1.7rem;
    font-weight: 100;
    padding: 2rem 0
}

.about__section .text .linkes {
    padding-top: 1rem;
    width: 100%;
    display: flex;
    align-items: center
}

.about__section .text .linkes a {
    border-radius: 51px;
    padding: 1rem 22px;
    color: #000;
    background: #fff;
    border: 1px solid #000;
    box-shadow: none;
    font-size: 1.2rem
}

.about__section .text .linkes a:hover {
    background: #148f9e;
    color: #fff
}

.about__section .aboutImg {
    position: relative;
    border-radius: 2rem 4rem 2rem 2rem;
    overflow: hidden
}

.about__section .title h3 {
    background: #2b8290;
    color: #fff;
    border-radius: 50px;
    padding: 6px 13px;
    width: fit-content;
    font-size: 1.3rem
}

.sectionLayer {
    background: url(../images/numLayer.png) 0 0/100% 100% no-repeat;
    position: relative
}

.whyAbout_section .item {
    margin: 3.5rem
}

.whyAbout_section .item p {
    color: #fff;
    font-size: 2rem;
    position: relative
}

.whyAbout_section .item p:after {
    position: absolute;
    content: '';
    background: #d9b74c;
    right: -27px;
    top: 4px;
    width: 4px;
    height: 50%
}

.projects-page.projects_section .item,.projects_section.projPage .item,.services_section.servPage .item,.statistics__section {
    margin: 1rem 0
}

.statistics__section .container-fluid {
    background: #148f9e;
    border-radius: 2rem 5rem 2rem 2rem;
    margin: 1rem auto;
    width: 88%
}

.statistics__section .statistics-items {
    width: 100%;
    justify-content: center
}

.statistics__section .statistics-items .item {
    justify-content: center;
    flex: 1;
    position: relative;
    z-index: 111;
    padding: 2rem 0
}

.statistics__section .statistics-items .item .number {
    font-size: 5rem;
    color: #fff;
    direction: ltr;
    position: relative
}

.statistics__section .statistics-items .item .title {
    color: #a3e3eb;
    font-size: 1.1rem;
    margin: .2rem 0;
    text-align: center
}

.services_section {
    padding: 7rem 0;
    background: #003b3d;
    border-radius: 5rem 2rem 2rem;
    margin: 4rem 22px
}

.services_section .title {
    text-align: center;
    padding-bottom: 2rem;
    border-bottom: 1px solid #0a4a4c;
    margin-bottom: 4rem
}

.services_section .title p {
    width: 40%;
    margin: auto;
    line-height: 1.3
}

.services_section .item {
    margin: 1rem;
    position: relative;
    border-radius: 2rem;
    overflow: hidden
}

.services_section .item .image {
    min-height: 126px
}

.services_section .item .caption {
    position: absolute;
    bottom: 24px;
    right: 10%
}

.services_section .item .caption h4 {
    color: #fff;
    font-size: 2rem
}

.services_section .item .caption h5 {
    padding-left: 27px;
    text-align: left;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 100;
    width: min-content;
    background: url(../images/arrow3.svg) left 0 top 7px no-repeat;
    display: inline-block;
    padding-right: 23%;
    line-height: 1.5
}

.owl-theme .owl-controls .owl-page span {
    background: #d9b74c!important;
    width: 30px!important;
    margin: 2px!important;
    height: 2px!important;
    border-radius: 1px!important
}

.owl-theme .owl-controls .owl-page.active span {
    width: 45px!important
}

.owl-carousel {
    direction: ltr
}

.partners_section {
    padding: 5rem 0 7rem;
    position: relative;
    z-index: 11;
    text-align: center
}

.partners_section .title h3 {
    width: 39%;
    margin: auto;
    line-height: 1.5;
    font-size: 3rem;
    color: #008999
}

.partners_section .title p {
    font-size: 1.3rem;
    padding: 2rem 0;
    color: #000
}

.partners_section .slick-track {
    align-items: center;
    display: flex
}

.partners_section .item {
    padding: 2rem;
    margin: .7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 12rem;
}

.partners_section .item img {
    height: auto;
    width: auto
}

.partners_section .slick-dots {
    left: 0;
    right: 0;
    bottom: -26px
}

.partners_section .slick-dots li button {
    border-color: #012434!important
}

.partners_section .slick-dots li.slick-active button,.projects-page.projects_section .slick-dots .slick-active button {
    background: #012434
}

.posts_section {
    background: url(../images/newsLayer.png) 0 0/cover no-repeat;
    padding: 7rem 1rem
}

.posts_section .title {
    border-bottom: 1px solid #cccccc54;
    margin-bottom: 5rem
}

.posts_section .title h3 {
    color: #fff;
    font-size: 3rem;
    width: 34%;
    padding: 1rem 0 4rem
}

.posts_section .item {
    background: #abd7dc;
    margin: 1rem;
    border-radius: 2rem;
    overflow: hidden
}

.posts_section .item .image {
    border-radius: 2rem;
    overflow: hidden;
    position: relative
}

.posts_section .item .image h5.date {
    position: absolute;
    right: 15px;
    padding: 1rem 1.5rem;
    top: 10px;
    background: rgba(0,0,0,.1);
    border: 1px solid rgba(255,255,255,.2);
    backdrop-filter: blur(28px) brightness(1.15);
    -webkit-backdrop-filter: blur(28px) brightness(1.15);
    opacity: 1;
    border-radius: 58px;
    color: #fff;
    font-size: 12px
}

.posts_section .item h4 {
    line-height: 1.5;
    color: #000;
    font-size: 1rem
}

.posts_section .item h5 {
    color: #000;
    padding: 1rem 0;
    display: flex;
    flex-direction: row-reverse
}

.posts_section .item h5 .icon {
    transform: rotate(180deg);
    margin-right: 15px
}

.posts_section .more a {
    border: 1px solid #ffffff2b;
    background: 0 0
}

.posts_section .more:hover a {
    background: #003b3d
}

.posts_section .more a .icon {
    background: #eeae3b
}

.video_section {
    background: #148f9e;
    padding: 3rem
}

.video_section .topTitle div:first-of-type {
    width: auto;
    margin-left: 12rem
}

.video_section .topTitle h3 {
    color: #ffd17d;
    padding-bottom: 1rem
}

.video_section .topTitle p {
    color: #fff;
    font-size: 4rem;
    padding-bottom: 1rem;
    line-height: 1.2
}

.video_section .topTitle h4 {
    color: #ffffffbf;
    font-size: 1.6rem;
    line-height: 2
}

.video_section .video_text .icon {
    position: absolute;
    bottom: 179px;
    left: 0;
    right: 0;
    z-index: 99;
    background: #fff;
    margin: auto;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px
}

.video_section .video_text .icon:after {
    position: absolute;
    content: '';
    right: 0;
    text-align: center;
    margin: auto;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    top: 0;
    box-shadow: 0 0 0 14px rgba(255,255,255,.2);
    animation: 2s infinite pulse
}

.newsletter,.single-page .serv_offers {
    padding: 5rem 0
}

.newsletter .title h3 {
    font-size: 2.5rem;
    color: #008999;
    line-height: 1.5
}

.es_subscription_message.success {
    color: #008999;
    font-size: 1.3rem;
    font-weight: 500
}

.newsletter .newsletter_form .emaillist form {
    background: #fff;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1rem 0;
    padding: 0 3px;
    height: 5rem;
    border-bottom: 1px solid #008999
}

.newsletter form .es-field-wrap,.newsletter form label {
    width: 100%;
    margin: 0
}

.newsletter form input.es_txt_email {
    width: 100%;
    margin: 0;
    font-size: 1.6rem;
    padding: 0 1rem;
    color: #000;
    font-weight: 300;
    border: 0;
    background: 0 0
}

.newsletter form input.es_txt_email::placeholder {
    color: #999292;
    font-weight: 100;
    font-size: 1.5rem
}

.newsletter form input[type=submit] {
    padding: 2rem 4rem;
    background: url(../images/subBtn.png) center left no-repeat;
    border-radius: 50px;
    font-size: 1.7rem;
    font-weight: 600;
    margin: 0;
    box-shadow: none;
    color: #fff;
    transition: .5s
}

.newsletter form input[type=submit]:hover {
    background: url(../images/subBtn.png) center left no-repeat;
    color: #fff;
    transition: .5s
}

.page-title {
    border: 0
}

#searchform input {
    height: 4.3rem;
    border: 1px solid #ccc;
    border-left: 0;
    font-weight: 300;
    font-size: 2rem
}

#searchform .btn {
    margin: 0;
    padding: .9rem;
    border-radius: 0;
    background: #3e8b8f;
    box-shadow: none;
    border-color: #3e8b8f
}

#breadcrumbs {
    background: url(../images/breadcrump.jpg) 0 0/100% 100% no-repeat;
    padding: 9rem 0 5rem;
    margin: 0;
    position: relative
}

#breadcrumbs .text {
    padding: 5rem 0 0
}

#breadcrumbs a,#breadcrumbs h3 {
    font-size: 1.3rem;
    color: #fff;
    font-weight: 400;
    position: relative;
    z-index: 9
}

#breadcrumbs h2 {
    color: #fff;
    font-size: 3rem;
    z-index: 9;
    position: relative;
    margin-bottom: 1rem;
    font-weight: 500
}

#breadcrumbs svg path {
    fill: #000000
}
.boarddirectorsPage{
    padding:5rem 0;
}
.boarddirectorsPage .item{
    border:1px solid #70707054;
    border-radius:3rem;
    overflow:hidden;
    margin: 1rem 0;
}
.boarddirectorsPage .item .caption{
    padding:1.5rem;
}
.boarddirectorsPage .item .caption h3{
    color:#008999;
}
.about-page .title h3 {
    font-size: 3.4rem
}

.posts_section.postsPage {
    background: 0 0;
    padding: 3rem 0
}

.posts_section.postsPage .item .image img,.projects_section .item .width_full,.projects_section.projPage .item .image img,.slick-slide img {
    width: 100%
}

.posts_section.postsPage .item .caption h5 {
    flex-direction: inherit
}

.projects_section.projPage {
    padding: 5rem 0;
    background: 0 0
}

.projects_section.projPage .col-lg-6:first-of-type .item .image:after {
    background: #000;
    opacity: .4
}

.projects_section.projPage .col-lg-6 .item .image:after {
    background: #008999;
    opacity: .4
}

.alm-load-more-btn.more {
    background: #008999!important;
    color: #fff!important;
    margin: 2rem 0!important;
    padding: 1.2rem 5rem!important;
    border: none!important;
    font-weight: 500!important;
    font-size: 1.5rem!important
}

.services_section.servPage {
    padding: 0;
    background: 0 0
}

a:hover {
    text-decoration: none
}

.about-page {
    padding: 4rem 0;
    position: relative;
    z-index: 111
}

.vision_message {
    margin: 3rem
}

.vision_message .item {
    background: #016f7a;
    padding: 2rem;
    border-radius: 2rem;
    color: #fff
}

.vision_message .item .icon {
    margin: 1rem 0 2rem
}

.vision_message .item .text h4 {
    font-size: 3.5rem;
    padding-bottom: 1rem
}

.vision_message .item .text p {
    font-size: 1.5rem
}

.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 {
    padding: 4rem 0
}
.serv_det_top .main-imاage,
.main-image{
    float:right;
    width:50%;
    padding-left: 3rem;
}
.single-page h5.date {
    background: #ccc;
    color: #fff;
    padding: 1rem 1.5rem;
    width: fit-content;
    margin: 1rem auto;
    border-radius: 50px;
    font-size: 1.1rem
}

.single-page .main-image img {
    width: 100%;
    border-radius: 2rem
}

.single-page .title h2 {
    color: #016f7a;
    line-height: 1.1;
    font-weight: 400;
    margin: 0 0 14px;
    font-size: 3rem
}

.single-page .content p {
    font-weight: 100;
    font-size: 1.5rem;
    color: #000
}
.single-page .content a{
    color:#008999;
}
.single-page ul li{
    font-size:1.3rem;
}
.single-page .content a.servReq {
    background: #008999;
    color: #fff;
    padding: .7rem 4rem;
    display: block;
    font-size: 1.7rem;
    font-weight: 500;
    width: fit-content;
    border-radius: 50px
}

.single-page .row .col-lg-4:first-of-type {
    max-width: 100%;
    flex: 100%
}

.serv_offers .title h2 {
    font-size: 3rem;
    color: #016f7a
}

.serv_offers .item {
    padding: 2rem;
    background: #016f7a26;
    margin: 1.2rem 0;
    border-radius: 2rem
}

.serv_offers .item h5 {
    font-size: 2.5rem;
    padding-bottom: 4rem;
    color: #016f7a
}

.serv_offers .item h6 {
    font-size: 1.4rem;
    font-weight: 100;
    line-height: 1.5
}

.post-nav {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 2rem 0
}

.post-nav .pager {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0 0 0 3rem;
    background: url('../images/page-back.png') left bottom/100% 100% no-repeat;
    width: 100%
}

#items-row .slick-dots li button,.post-nav .pager li a,.post-nav .pager li span {
    padding: 1rem 0;
    color: #41372E50;
    border: 2px solid #41372E50;
    background: 0 0;
    border-radius: 50%;
    margin: 1rem;
    font-size: 1.2rem;
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.post-nav .pager li a.arr {
    width: auto;
    height: Auto;
    background: 0 0;
    border: none;
    color: #41372e;
    font-size: 1.3rem
}

.post-nav .pager li.active a,.post-nav .pager li.active span,.project-single #items-row .slick-dots .slick-active button {
    background: #fff;
    color: #41372e;
    border-color: #41372e
}

.post-nav .pager li a.arr[title=Next] span svg {
    transform: rotate(180deg)
}

.projects-page.projects_section {
    padding: 0;
    color: #012434
}

.projects-page.projects_section .slick-dots {
    bottom: 0;
    left: 0;
    right: 0
}

.projects-page.projects_section .slick-dots button {
    border-color: #012434
}

body .gform_legacy_markup_wrapper ul li.gfield {
    margin-top: 0!important;
    padding-top: 0
}

.gform_legacy_markup_wrapper .validation_message {
    font-size: 1.2rem!important;
    padding: 1rem 0!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: silver;
    padding-right: 1rem
}

.gform_page:first-of-type .gform_page_footer {
    flex-direction: row
}

.iti__flag-container {
    right: unset!important;
    left: 0!important;
    direction: ltr!important;
    color: #707070;
    font-size: 1.3rem
}

.iti--separate-dial-code .iti__selected-flag {
    background: 0 0!important
}

#items-row .slick-next:before,#items-row .slick-prev:before,.iti__flag-container .iti__arrow,.projects_section .slick-next:before,.projects_section .slick-prev:before {
    display: none
}

.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: 21px;
    color: #000;
    font-size: 1.5rem!important;
    font-weight: 600;
    right: 30px
}

.upload__file .validation_message {
    top: unset;
    bottom: 1rem;
    font-size: 1.2rem!important
}

.upload__file input {
    opacity: 0;
    font-size: 0!important;
    width: 100%!important;
    height: 4rem!important;
    position: absolute;
    z-index: 999;
    bottom: 0;
    right: 0
}

.gform_fileupload_rules {
    display: none!important
}

html[dir=rtl] .gform_legacy_markup_wrapper span.ginput_left,html[dir=rtl] .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding-left: 0!important;
    padding-right: 0!important
}

.upload__file .ginput_container {
    background: url(../images/upload.png) 5% center/24px no-repeat,0 0/24px #fff;
    display: block!important;
    font-size: 1.4rem!important;
    height: 6rem;
    width: 100%;
    font-weight: 300;
    color: #000;
    border: 1px solid #e9eaec;
    border-radius: 0;
    padding: 0!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.servrequestPage .container {
    width: 60%
}

.contact-page {
    position: relative;
    padding: 3rem 0
}

.contact-page .title h3 {
    color: #008999;
    font-weight: 100;
    font-size: 2.5rem;
    padding-bottom: 2rem
}

.contact-page .title p {
    color: #ccc;
    font-weight: 300;
    font-size: 1.8rem;
    padding-bottom: 2rem
}

.contact-page .info {
    padding-top: 10rem
}

.contact-page .footer__top .info ul li a,.contact-page .footer__top .info ul li p {
    font-size: 1.8rem
}

.contact-page .map {
    overflow: hidden;
    margin: 2rem 0 0
}

.contact-page .gform_wrapper .gform_fields,.page .gform_wrapper .gform_fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

body.rtl .gform_legacy_markup_wrapper .gform_confirmation_message {
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center!important;
    margin: auto;
    display: flex;
    justify-content: center;
    padding: 3rem 0;
    color: #66c371
}

.contact-page .gform_wrapper .gform_fields .gfield,.page .gform_wrapper .gform_fields .gfield {
    width: auto;
    border-bottom: 1px solid #afabab
}

.contact-page .gform_wrapper .gform_fields .gfield label,.page .gform_wrapper .gform_fields .gfield label {
    display: block;
    font-size: 1.7rem;
    color: #111827;
    font-weight: 500;
    margin: 0;
    padding-top: 1rem
}

.contact-page .gform_wrapper .gform_fields .gfield input,.contact-page .gform_wrapper .gform_fields .gfield textarea,.page .gform_wrapper .gform_fields .gfield input, .gform_wrapper .gform_fields .gfield select,.page .gform_wrapper .gform_fields .gfield textarea {
    border: 0;
    margin: 0!important;
    height: 3rem;
    padding: 7px 0!important;
    border: none;
    border-radius: 0;
    background: #fff;
    color: #afabab;
    font-size: 1.3rem;
    font-weight: 100
}

 .gform_wrapper .gform_fields .gfield select {
    -webkit-appearance: none;
    appearance: none
}

 .gform_wrapper .gform_fields .gfield .ginput_container_select::after {
    position: absolute;
    content: "";
    top: 2.3rem;
    left: 40px;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/arrow-down.png) center/100% no-repeat
}

.page .gform_button {
    background: #bd9f58;
    border: #bd9f58;
    font-size: 1.5rem!important;
    padding: 1rem 3rem
}

.contact-page .gform_wrapper .gform_fields .gfield textarea,.page .gform_wrapper .gform_fields .gfield textarea {
    height: 12rem!important
}

html[dir=rtl] .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding-left: 0;
    padding-right: 0
}

.contact-page .gform_wrapper .gform_fields .gfield input::placeholder,.contact-page .gform_wrapper .gform_fields .gfield textarea::placeholder,.page .gform_wrapper .gform_fields .gfield input::placeholder,.page .gform_wrapper .gform_fields .gfield textarea::placeholder {
    color: #afabab;
    font-size: 1.3rem;
    font-weight: 100
}

.gform_legacy_markup_wrapper .gfield_required {
    color: #e03137!important
}

.contact-page .gform_title,body.rtl .gform_legacy_markup_wrapper h3.gform_title,html[dir=rtl] .gform_legacy_markup_wrapper h3.gform_title {
    font-size: 4rem!important;
    font-weight: 500!important;
    color: #000
}

.gform_legacy_markup_wrapper .gform_footer {
    text-align: center;
    display: flex;
    width: 100%!important;
    margin: 0!important;
    padding: 0!important
}

.contact-page .gform_footer .btn,.job-page .gform_footer .btn,.page .gform_footer .btn,.page-id-3424 .gform_footer .btn {
    font-size: 2rem!important;
    padding: 1rem 6rem;
    background: #008999;
    width: auto!important;
    border: none;
    display: flex!important;
    border-radius: 50px;
    color: #fff;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    box-shadow: none
}

.contact-page .gform_footer .btn:hover {
    background: #000;
    color: #fff
}

.project-single .gform_footer .btn,.single-unit .gform_footer .btn {
    background: url('../images/formbtn.png') center/100% 100% no-repeat;
    font-size: 1.25rem;
    padding: 1.5rem 0
}

@keyframes animloader {
    0% {
        height: 40px;
        transform: translateY(0)
    }

    100% {
        height: 10px;
        transform: translateY(30px)
    }
}

@keyframes animloader1 {
    0% {
        height: 48px
    }

    100% {
        height: 4.8px
    }
}

.whatslink {
    position: fixed;
    left: 0;
    bottom: 1%;
    z-index: 99999
}

.whatslink img {
    max-width: 6rem;
    max-height: 6rem
}

.fixed_links {
    background: #fff;
    position: fixed;
    left: 5rem;
    top: 30%;
    border: 3px solid #dad4CA50;
    border-radius: 20px;
    padding: 1rem 3rem;
    z-index: 1111
}

.fixed_links ul {
    display: inline-flex;
    justify-content: center;
    align-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 1rem
}

.fixed_links a {
    color: #98754f;
    font-size: 1.3rem
}

.comparison-table {
    background: #f7f7f7;
    border-radius: 8px;
    padding: 3rem
}

.comparison-table table {
    color: #41372e;
    font-size: 1.2rem;
    font-weight: 400;
    border: none;
    background: 0 0
}

.comparison-table table thead {
    background: #fff;
    border: none;
    border-radius: 8px;
    margin-bottom: 1rem
}

.comparison-table .table td {
    background: #fff;
    margin: 1rem;
    padding: 1rem
}

.projects_section {
    padding: 5rem 0;
    position: relative;
    z-index: 111;
    background: url(../images/projLayer.png) 0 0/100% 100% no-repeat
}

.projects_section .title {
    display: block;
    padding: 1rem 0 2rem;
    text-align: center;
    border-bottom: 1px solid #8ff3ff;
    margin-bottom: 4rem
}

.projects_section .title h3 {
    color: #008999;
    font-size: 3rem;
    margin: 0
}

.projects_section .title p {
    color: #000;
    font-size: 4rem
}

.projects_section .item {
    position: relative;
    margin: 0 1rem 1rem;
    overflow: hidden;
    border-radius: 3rem
}

.projects_section .item .image {
    position: relative;
    width: 100%
}

.projects_section .item .image:after {
    position: absolute;
    content: '';
    background: #0000008f;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0
}

.projects_section .item .caption {
    position: absolute;
    bottom: 22px;
    right: 10%
}

.projects_section .item .caption h3 {
    color: #fff;
    font-weight: 300;
    font-size: 1.5rem;
    padding-bottom: 6px
}

.projects_section .item .caption h5 {
    color: #fff;
    border: 1px solid #ffffff70;
    padding: 1rem 2.1rem;
    border-radius: 50px;
    font-size: 1.1rem;
    text-align: center;
    width: fit-content;
    background: rgba(0,0,0,.1);
    backdrop-filter: blur(1px) brightness(1.15);
    -webkit-backdrop-filter: blur(28px) brightness(1.15);
    opacity: 1
}

.projects_section .bottomTitle {
    border-top: 1px solid #bde5eb;
    padding: 5rem 2rem 0;
    margin-top: 10rem
}

.projects_section .bottomTitle h4 {
    color: #12385d;
    font-size: 2.3rem;
    padding-bottom: 1rem
}

.projects_section .bottomTitle p {
    color: #767272;
    font-size: 1.5rem;
    width: 70%
}

.projects_section .bottomTitle a {
    color: #12385d;
    border: 1px solid #12385d;
    padding: 1rem 2rem;
    display: block;
    width: fit-content;
    border-radius: 50px;
    font-size: 1.3rem;
    margin: 2rem 0 0
}

.projects_section .slick-next,.projects_section .slick-prev {
    border: 1px solid #12385d;
    left: 0;
    right: 0;
    top: 110%;
    text-align: center;
    margin: auto;
    position: absolute;
    border-radius: 51px;
    width: 35px;
    height: 35px
}

.bottom_btns .btn,body.rtl .gform_legacy_markup_wrapper input[type=submit] {
    text-align: center!important
}

.projects_section .slick-next {
    background: url(../images/arrow1.svg) center no-repeat;
    transform: none;
    left: -66px
}

.projects_section .slick-prev {
    background: url(../images/arrow2.svg) center no-repeat,#12385d;
    transform: none;
    right: -56px
}

footer {
    position: relative;
    margin-top: 0
}

footer .footer__top .row {
    justify-content: space-between
}

.social__media ul li {
    text-align: center;
    padding: 11px 0;
    width: 33%
}

.social__media ul li a {
    color: #6b7280
}

.footer__top h3 {
    color: #1a2d58;
    padding-bottom: 1rem
}

.footer__top .menus ul {
    padding: 0;
    list-style: none;
    gap: 4rem;
    margin: 0;
    position: relative
}

.footer__top .location a {
    color: #6b7280;
    font-size: 1.4rem
}

.footer__top .menus ul a {
    color: #6b7280;
    font-size: 1.2rem;
    font-weight: 300;
    padding: 0 0 13px;
    display: block;
    transition: .5s ease-in-out;
    position: relative;
    z-index: 111
}

.footer__top .menus ul a:hover {
    color: #148f9e
}

.footer__top .social__media {
    position: relative;
    top: unset;
    left: unset;
    background: 0 0;
    margin-bottom: 5rem
}

.footer__top .social__media ul {
    display: flex;
    margin: 0;
    flex-wrap: wrap
}

.footer__top p a.contact {
    background: #000;
    width: 100%;
    display: block;
    padding: 1.3rem;
    margin: 2rem 0;
    text-align: center;
    color: #fff;
    font-size: 1.4rem
}

.footer__top .info .map a {
    position: absolute;
    right: 2rem;
    background: rgba(255,255,255,.6);
    top: 2rem;
    padding: 1.5rem;
    color: #bf7202;
    border-radius: 1rem;
    text-decoration: underline
}

.footer__top .info ul {
    border-radius: 2rem;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    z-index: 1
}

.footer__top .info ul li {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    padding: 0
}

.footer__top .info ul li a,.footer__top .info ul li p {
    color: #6b7280;
    font-size: 1.25rem;
    display: inline-flex;
    margin-right: 11px
}

.footer__top .info ul li a:hover {
    color: #98754f
}

.footer__bottom {
    margin: 5rem 20px 22px;
    padding: 3rem 0 0;
    position: relative;
    border-top: 1px solid #e9e9e9
}

.footer__bottom ul.list-inline {
    display: flex
}

.footer__bottom ul.list-inline li a {
    color: #000;
    padding: 0 6px;
    font-size: .8rem
}

.topButton {
    float: left
}

.footer__bottom .to-top {
    position: unset;
    color: #a38b40;
    font-weight: 300;
    background: 0 0;
    height: 3.5rem;
    width: 4.5rem;
    font-size: 1.3rem;
    right: unset;
    top: unset;
    display: block
}

.footer__bottom .to-top span {
    display: block
}

.footer__bottom .to-top:hover {
    color: #fff
}

.footer__top .footer__right {
    margin: 4rem 0
}

.footer__top .footer__right p,.footer__top p.rights {
    color: #41372E80;
    font-size: 1.3rem;
    font-weight: 400;
    margin: 0
}

.footer__top p.rights span {
    font-weight: 400
}

.footer__bottom p {
    color: #000;
    font-size: 1.1rem;
    font-weight: 400;
    direction: ltr
}

.footer__bottom .rowaad span {
    padding-left: 1rem;
    color: #dad4ca
}

.footer__bottom .rowaad a {
    color: #000;
    font-size: 1.2rem
}

.footer__bottom .rowaad a svg path {
    fill: #008999
}

.fancybox-slide #hover-image {
    padding: 0;
    border-width: 0;
    background-color: transparent
}

.title_single {
    margin: 1rem 0 1.5rem
}

.title_single h2 {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 54px;
    max-width: 20rem
}

.page-template-page-Comparison .title_single h2 {
    font-size: 4rem;
    color: #41372e;
    margin-bottom: 3rem
}

.title_single a,.title_single p {
    color: #000;
    font-size: 1.3rem
}

.title_single p span {
    color: #98754f;
    font-size: 1.5rem
}

.desc_single h2 {
    color: #98754f;
    font-size: 1.2rem;
    position: relative
}

.desc_single .txt,.desc_single .txt p {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 200
}

.add_pro ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.add_pro ul li>div {
    color: #fff;
    font-size: 1.3rem;
    background-size: 100% 100%;
    padding: 0;
    margin: .3rem 0
}

.add_pro ul li span {
    color: #776757;
    font-size: 2rem;
    margin-left: .5rem
}

.desc_single {
    margin-bottom: 2rem;
    max-width: 95%
}

.bottom_btns {
    margin-top: 2rem
}

.bottom_btns .btn {
    background: 0 0/100% #d9b74c;
    border: 0;
    padding: 1rem 2.5rem;
    position: relative;
    color: #191919;
    font-size: 1.35rem;
    font-weight: 500;
    border-radius: 0;
    width: 100%;
    align-items: center;
    justify-content: center
}

.add_pro ul li .icons svg {
    max-width: 2rem;
    max-height: 2rem
}

.bottom_btns .btn.btn-download {
    background: url(../images/btn2.png) center/100% no-repeat
}

.white_details {
    border: 1px solid #707070;
    background: #d9d9D910;
    border-radius: 0;
    padding: 2rem 2.5rem 3rem 11.5rem
}

.white_details p a {
    color: #fff;
    font-size: 1.5rem
}

.white_details p a span {
    color: #d9b74c;
    margin-left: 5px
}

.pro_gallery .to_map {
    display: inline-flex;
    background: url(../images/map-btn.png) 0 0/100% no-repeat;
    padding: 1rem 3rem;
    position: absolute;
    bottom: 14.5rem;
    z-index: 11;
    right: 1rem
}

.area_det .left,.area_det .right {
    background: url('../images/ar-back.png') right top/100% 100% no-repeat;
    margin: 1rem
}

.pro_gallery .to_map a,.video_link a,.video_link p {
    color: #41372e;
    font-size: 1.25rem;
    gap: .5rem
}

.video_link {
    background: #fff;
    display: inline-flex;
    border-radius: 5px;
    padding: .5rem;
    position: absolute;
    bottom: 14.5rem;
    z-index: 11;
    left: 1rem;
    width: 10rem;
    height: 8.75rem
}

.video_link .play-icon {
    position: absolute;
    left: .5rem;
    bottom: .5rem
}

.video_link p {
    max-width: 5rem
}

.slider-nav .slick-slide .img {
    margin: .5rem
}

.slider-nav .slick-slide .img img {
    border-radius: 4px
}

.slider-for .slick-slide img {
    border-radius: 11px
}

#pro_details {
    margin-bottom: 2.5rem
}

#pro_details .image .gallery-group-1 {
    display: flex;
    flex-wrap: wrap
}

#pro_details .image .gallery-group-1 a {
    position: relative;
    display: inline-flex;
    padding: 0 1rem 1rem 0;
    max-width: 50%
}

#pro_details .image .gallery-group-1 a:last-of-type::before {
    content: '';
    position: absolute;
    background: #000;
    opacity: .53;
    right: 1rem;
    left: 0;
    top: 0;
    bottom: 1rem;
    border-radius: 0
}

#pro_details .image .gallery-group-1 .gallerytotal {
    position: absolute;
    left: 28%;
    bottom: 6rem;
    color: #fff;
    font-size: 2.5rem;
    font-weight: 700;
    direction: ltr
}

.features {
    background: 0 0;
    border-radius: 0;
    padding: 4rem 0;
    margin-bottom: 2rem
}

.features .title_f h2 {
    color: #fff;
    font-weight: 700;
    font-size: 2.15rem;
    margin-bottom: 2rem
}

.features .itemf,.slider-units .img {
    margin: 1rem
}

.features .itemf .img {
    padding: 4rem
}

.features .itemf h4 {
    margin-top: 1rem;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    font-style: normal
}

#pro_loction .map,.another_desc {
    margin: 2rem 0
}

#pro_units {
    padding: 1rem 3rem 3rem;
    margin: 2rem 0 3rem;
    border-radius: 0
}

#pro_units .item {
    background: #fff;
    border-radius: 0;
    padding: 2rem 1rem;
    margin: .5rem 0
}

#pro_units .item .image img {
    max-width: 75px;
    height: auto
}

#pro_units .item .image .status {
    position: absolute;
    background: #8a9680;
    color: #fff;
    border-radius: 80px;
    font-size: 1.29rem;
    padding: .3rem 1.3rem .7rem;
    left: -1rem;
    top: -1rem
}

#pro_units .slick-slide .img {
    display: flex;
    align-items: center;
    justify-content: center
}

#pro_units .slick-slide img {
    width: auto;
    margin: auto
}

.pay_cl {
    background: #d9b74C4A;
    border-radius: 0;
    margin: .5rem;
    padding: 1rem
}

.pay_cl h2 {
    color: #000;
    font-size: 1.2rem;
    margin: 0;
    font-weight: 700
}

.pay_cl p {
    color: #000;
    font-size: 1rem;
    margin: 0
}

#pro_units .item.red .image .status {
    background: #bf1e2e
}

#pro_units .item.red {
    background: #e3e5e7
}

#pro_units .item .text {
    padding-right: 2rem
}

#pro_units .item .text h3 {
    color: #000;
    font-weight: 700;
    font-size: 1.3rem;
    margin: 0
}

#pro_units .item .text p {
    color: #000;
    font-weight: 700;
    font-size: 1.25rem;
    margin: 0
}

#pro_units .item .center_ {
    border-top: 1px solid #d9b74C29;
    border-bottom: 1px solid #d9b74C29;
    padding: 1rem 0;
    margin: 1rem 0
}

#pro_units .item .center_ ul li {
    color: #1a202c;
    font-size: .95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .5rem 1rem;
    margin: .5rem;
    background: #efefef
}

#pro_units .item .center_ ul li span {
    display: inline-block
}

#pro_units .item ul li svg {
    max-height: 2.3rem
}

#pro_units .item .btn-more {
    background: #d9b74c;
    color: #fff;
    font-weight: 1rem;
    font-size: 1rem;
    border-radius: 0
}

.another_desc h2,.area_det h1 {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 1rem 0;
    color: #1a202c
}

.area_det h2 {
    font-size: 1.3rem;
    font-weight: 300
}

.another_desc p {
    color: #191919;
    font-size: 1.1rem;
    font-weight: 700;
    border: 1px solid #000;
    padding: 1rem;
    border-radius: 0
}

.area_det p {
    font-size: 1.2rem;
    font-weight: 300;
    margin: 0
}

.area_det .ar-item {
    padding: .5rem 3rem
}

.area_det .ar-item:first-child {
    border-left: 1px solid #70707033
}

.area_det .right {
    padding: 1rem 0
}

.area_det .left {
    padding: 1.5rem 3rem
}

.form_unit {
    background: #bdbDBD30;
    padding: 3rem 2rem 1rem 4rem;
    border-radius: 0
}

.form_unit h2 {
    font-size: 1.7rem;
    color: #1a202c;
    font-weight: 700
}

.form_unit p {
    font-size: 1.25rem;
    color: #1a202c;
    font-weight: 300
}

.form_unit .gform_wrapper .gform_fields .gfield label {
    font-weight: 400;
    font-size: 1.25rem;
    margin-top: .5rem
}

.form_unit .gform_wrapper .gform_fields .gfield input {
    border: 1px solid #000000C9!important;
    height: 3.5rem;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    padding-right: 1rem!important
}

.form_unit .gform_wrapper .gform_fields .gfield input::placeholder {
    color: #000;
    font-size: 1rem;
    font-weight: 400
}

.rtl .form_unit .gform_button.btn {
    margin: 2rem 0 0!important;
    text-align: center!important;
    width: 100%!important;
    background: #d9b74c!important;
    color: #fff;
    padding: 1rem;
    font-size: 1.5rem!important;
    font-weight: 700
}

#pro_units .unit_model .item {
    padding: 1rem 2rem;
    margin: 0
}

.project-single .modal-body {
    background: #fff;
    border-radius: 11px
}

.modal-header,.project-single .modal-content {
    background: 0 0;
    border: none
}

.project-single .modal-header .close {
    padding: 5px;
    margin-bottom: 1rem;
    background: #fb2e2e;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block
}

.project-single .close svg {
    max-width: 2.8rem;
    max-height: 2.8rem
}

.rent-model-con {
    background: #fff
}

.rent-model-con .modal-body .form_ {
    box-shadow: 10px 20px 160px #070A1B10;
    padding: 2rem 3rem
}

.coll_ {
    width: 65%
}

.col-data {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: stretch
}

.col-head {
    width: 33%
}

.col-data>div,.col-head>div {
    height: 4rem;
    background: #fff;
    width: 97%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #70707020
}

.comparison-table {
    margin-bottom: 5rem
}

#alert-container {
    position: fixed;
    top: 10%;
    right: 0
}

#items-row .slick-next,#items-row .slick-prev {
    width: auto;
    height: Auto;
    background: 0 0;
    border: none;
    color: #41372e;
    font-size: 1.3rem;
    position: absolute;
    display: inline-flex;
    bottom: -2.5rem;
    top: auto
}

#items-row .slick-prev {
    right: 40%
}

#items-row .slick-next {
    left: 40%
}

.project-single #items-row .slick-dots {
    bottom: -5rem
}

#pro_units .slick-dotted.slick-slider {
    margin-bottom: 4rem
}

.price-list-tabs ul {
    text-align: center;
    justify-content: center;
    align-items: center
}

.price-list-tabs ul a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    background: #dad4ca;
    margin: 1rem;
    color: #000;
    font-weight: 700;
    border-radius: 10px;
    padding: 1rem 2rem
}

.price-list-tabs .nav-pills .nav-link.active {
    background: #8a9680
}

.menuicon svg path {
    fill: #fff
}

@media(max-width: 768px) {
    .footer__bottom,.footer__bottom p {
        text-align:center
    }

    html {
        font-size: 8px
    }

    .home header {
        border: none
    }

    #breadcrumbs h2,.wpml-ls-legacy-list-horizontal a span {
        font-size: 2.5rem
    }

    .main .video_slider_section {
        position: relative;
        bottom: 0
    }

    .main .video_slider_section p {
        color: #000
    }

    .about__section .title {
        padding-top: 3rem
    }

    .statistics__section .statistics-items {
        flex-wrap: wrap;
        gap: 0 35px;
        align-items: baseline
    }

    .statistics__section .statistics-items .item {
        width: calc(50% - 5px)
    }

    .services_section .title p {
        width: auto;
        font-size: 2.54rem
    }

    .services_section .item .caption {
        bottom: 0
    }

    .more a {
        padding: 1rem 3rem
    }

    .projects_section .item {
        margin: 1rem 3rem
    }

    .projects_section .slick-next,.projects_section .slick-prev {
        top: 105%
    }

    .contact-page.servrequestPage .container,.fullPageMenu .nav img,.projects_section .bottomTitle p {
        width: auto
    }

    .partners_section .title h3 {
        width: 70%
    }

    .posts_section .title h3 {
        width: 80%
    }

    .topTitle {
        display: block
    }

    .video_section .topTitle div:first-of-type {
        margin: 0
    }

    .video_section .topTitle p {
        font-size: 3rem
    }

    .video_section .video_text .icon {
        bottom: 33px;
        width: 30px;
        height: 30px
    }

    .video_section .video_text .icon:after {
        display: none
    }

    .video_section .video_text .icon svg {
        width: 10px
    }

    .posts_section {
        background-size: 100% 100%
    }

    .partners_section .item {
        height: auto
    }

    .project-single .gfield,body.rtl .gform_legacy_markup_wrapper ul li,body.rtl .gform_legacy_markup_wrapper ul>li.gfield {
        width: 100%!important
    }

    html[dir=rtl] .page .gform_footer,html[dir=rtl] .page .gform_page_footer {
        padding: 0!important
    }

    .fullPageMenu .nav .header__logo {
        padding: 3rem;
        margin-bottom: 2rem
    }

    .fullPageMenu .nav span svg {
        width: 27px;
        background: #fff;
        padding: 1px
    }

    .footer__bottom ul.list-inline {
        justify-content: space-between
    }

    .footer__bottom .col-lg-4 div {
        justify-content: center
    }

    .footer__bottom p {
        font-size: 1.5rem;
        padding: 1rem 0
    }

    .about-page h2 {
        font-size: 3.5rem!important
    }

    .about-page p {
        font-size: 1.7rem!important;
        line-height: 2
    }

    .vision_message {
        margin: 1rem
    }

    .vision_message .item {
        margin: 1rem 0
    }

    .single-page .title h2 {
        padding: 1rem 0 0
    }
}

@media(max-width: 768px) and (min-width:500px) {
    html {
        font-size:8px
    }
}

@media(max-width: 991px) and (min-width:768px) {
    html {
        font-size:8px
    }

    .about-page h2 {
        font-size: 4rem!important
    }

    .about-page p {
        font-size: 2rem!important
    }
}

@media(max-width: 1191px) and (min-width:992px) {
    html {
        font-size:8px
    }
}

@media(max-width: 1366px) and (min-width:1290px) {
    html {
        font-size:14px
    }
}

.search__wraper {
    padding: 20rem
}

.js .search__wraper {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 100%;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: #fff
}

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

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

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

.search__input::-webkit-input-placeholder {
    color: #f1592a
}

.search__input::-moz-placeholder {
    opacity: 1;
    color: #f1592a
}

.search__input:-ms-input-placeholder {
    color: #f1592a
}

.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: .85em 0;
    color: #000
}

.search__related {
    display: flex;
    width: 35%;
    padding: 4em 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 0 .5em
}

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

.fullPageMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: 0 0/100% 100% #008999;
    transition: .5s;
    z-index: 9999999999
}

.fullPageMenu.active {
    top: -100%
}

.fullPageMenu .nav {
    display: block;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.fullPageMenu .nav .header__logo {
    text-align: center;
    padding: 4rem;
    margin-bottom: 2rem
}

.fullPageMenu .nav img {
    margin: auto
}

.fullPageMenu .nav ul.menu {
    padding: 0 2rem
}

.mob_lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    right: auto;
    left: 0
}

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

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

.menuclose {
    position: absolute;
    left: 3rem;
    top: 2rem
}

.menuclose svg path {
    stroke: #fff
}

.acf-map {
    width: 100%;
    height: 700px;
    border: 1px solid #ccc;
    margin: 20px 0
}

.iti__country-list {
    left: 0
}

@keyframes title2 {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

@keyframes title {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(10px)
    }
}

.modal {
    z-index: 11111111111111111111;
    background: #00000069
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:600px
    }
}