*{
   font-family: 'Ubuntu' !important;
}
.main-header{
    background-color:#121212 !important;
    border-bottom: 5px solid #a37e2c !important;
   
}
header.main-header .navbar .navbar-brand{
    width:200px;
     /*display:none !important;*/
}
header.main-header .navbar .navbar-collapse ul.navbar-nav li.nav-item.mob-btn a{
    background-color: #a37e2c !important;
    border-radius: 25px !important;

}
header.main-header .navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link{
    /*color:#ffffff !important;*/
    color:#ffffff !important;
     /*display:none !important;*/
}
.section-win{
    background-color: #121212;
    padding:25px !important;
    color:#ffff !important;
    margin-top:5% !important;
}

.go-top {
    color: white !important;
}
.main-footer img{
        width: 190px !important;
    padding-bottom: 27px !important;
}
.main-footer a:hover{
    text-decoration:none !important;
    color:#a37e2c !important;
}

section.developers .developers-slider .dev {
    box-shadow: 0 0px 30px #a37e2c !important;
        border-radius: 25% 0% !important;
         opacity:100% !important;
         width:190px !important;
         height:190px !important;
    
}
.unit {
    background-color: #ffffff !important;
    color: #a37e2c !important;
    border-radius: 20px 0px !important;
    border-bottom: 3px solid #a37e2c  !important;
-webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.12);
box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.12);
}

.unit__details a.site-btn {
    border: none !important;
    visibility: hidden !important;
}


html[dir="rtl"] header.main-header .navbar .navbar-collapse ul.navbar-nav li.nav-item.mob-btn {
    margin-right: auto !important;
}
html[dir="ltr"] header.main-header .navbar .navbar-collapse ul.navbar-nav li.nav-item.mob-btn {
 margin-left: auto !important;
}


 /*-----------------------------------------------------------*/
.intro-wraper{
    all:unset !important;
}
section.section .section-wrapper {
    opacity:100% !important;
}
.container-fluid{
    padding-right: 40px !important;
    padding-left: 40px !important;
    margin-right: auto;
    margin-left: auto;
}
section.intro .intro-wrapper .intro-slider .swiper-slide .item__text {
    background-color:transparent !important;
    z-index:99 !important;
    color:#ffffff !important;
    font-weight: bold !important;
    font-size: 35px !important;
    bottom: 60% !important;
}
section.intro .intro-wrapper .intro-slider .swiper-slide .item__text h1{
    /*border: 6px solid #a37e2c !important;*/
    border-radius:15px !important;
    margin: auto;
    width: 100%;
    padding: 10px;
 }
#fullpage .search-box {
    border-radius: 35px !important;
}
#fullpage .search-box form{
margin:auto;
}
.search-box .form {
    /*align-items: te !important;*/
    justify-content: center !important;
    margin-right:30px !important;
  
}
.search-box .tail-select .select-label {
    border-radius: 25px !important;
     

}

.section-title .title{
    margin-bottom: -1rem !important;
    margin-top: 1rem !important;
    width: 100% !important;
    display:flex !important;
    flex-direction:column;
    justify-content:center !important;
    align-items:center !important;
    overflow: unset;
}
 
 .section-title .title span.txt {
    opacity: 100% !important;
    font-size: 25px !important;
    font-weight:bold !important;
    margin-bottom:15px !important;
 }
 .section-title .title span.content  {
       font-size:20px !important;
 }
 .swiper-container {
    border-radius: 25px !important;
 }
 .proj{
    border-radius: 25px !important;
    background-color: #a37e2c !important;
    height: 283px !important;
 }
 
 .sectionafterunit{
    padding-bottom: 2%;
    background: #a17e311f;
    border-radius:25px;
    margin-top: 8%;
      border-left: 1px solid #a37e2c;
     border-right: 1px solid #a37e2c;
     margin-left: 40px;
    margin-right: 40px;
}

.tail-select.active .select-label:after {
    top: 17px !important;
}



.sectionafterunit .title h4{
 width: 80% !important;    
}
.sectionafterunit .parts .prt {
width:50%;
cursor:pointer;
}
.sectionafterunit .parts{
    gap: 104px;
    margin-top:10px;
    
}
.sectionafterunit .parts .prt img{
 border-radius: 50%;
 border: 6px solid #a37e2c6b;
   
}
.sectionafterunit .parts .prt img:hover{
     border: 6px solid #a37e2c;
}


 .index-page .dev-info {
     all:unset !important;
 }
 
.view-page .wrapper {
    /* border: 1px solid rgba(25, 24, 29, 0.2); */
     border: none !important; 
    padding: 0rem !important;
 }
 .view-page .wrapper .view-slider .gallery-top {
    height: 500px !important; 
}

 .navv{
        background-position: center !important;
        border-radius: 0px 0px 40px 40px;
        background-size: cover !important;
        background-image:url('../img/dots-1.png') !important;
        background:#ffffff;
        flex-direction:row;
        position:sticky;
        top: 0px;
     
            padding: 3px;
    padding-left: 30px;
        z-index: 9;
        display:flex ;
        overflow:hidden;
        box-shadow: -8px -10px 10px 10px black;
        border-top: 2px solid #a37e2c;
}
.navv div{
gap:30px
    
}
.navv div h2{
        font-weight: 1000 !important;
}
.navv a{
    border: 2px solid #a37e2c;
    border-radius: 25px;
    padding: 10px;
    color: #a37e2c;
    display:block;
    font-weight:bold;
    width: 100px;
    text-align: center;
    box-shadow: 0px -2px 116px 1px;
    
}
.navv a:hover{
    color: #ffffff;
    background-color: #a37e2c;
    
}
.navv  .img-thumbnail{
    border:25px 0 25px 0 !important;
    width:75px !important;
    border-radius:25px 0 25px 0 !important;
}
.view-page .wrapper__block--title {
    font-weight: bold !important;
    border-bottom:none!important;
     padding-bottom: 0px !important;
     margin-bottom: 0px !important;
}
.view-page .wrapper__block {
     border-bottom:none !important;
}
.view-page .wrapper__block--loc {
    margin-top:none !important;
}

/*-----------------------------------------------*/
 
 .contain{
 width:95% !important;
 margin:auto !important ;
 }
 
 .proj__tags {
    left: 0 !important;
    border-radius: 25px 0 !important;
 }
 .proj__details{
      border-radius: 25px 0 !important;
 }
 .proj__img img.proj-img {
    border-radius: 25px !important;
 }
.proj::after {
    border-radius: 25px !important;
    background-color: transparent !important;
    background-image: linear-gradient(to top, rgb(0, 0, 0), rgb(0 0 0 / 10%), transparent) !important;
}
.swiper-button-prev, .swiper-button-next{
    background-color: #a37e2c !important;
    padding: 30px !important;
    border-radius: 10px !important;
    color: #ffff !important;
    opacity: 50% !important;
    font-weight: bold !important;
    z-index:99 !important;
}
.blog__card .blog__details p.blog-info {
    border-bottom:none !important;
}
.proj__details .wrapper p.price{
    font-size: 1.5rem !important;
}
.swiper-button-prev:after, .swiper-button-next:after{
     padding: 10px !important;
}
.swiper-button-prev:hover, .swiper-button-next:hover{
    background-color: #a37e2c !important;
    border-radius: 10px !important;
    color: #ffff !important;
    opacity: 100% !important;
    font-weight: bold !important;
}
.section-title .title.active span.line {
    border:2px solid #a37e2c !important;
    border-radius:50px !important;
    opacity:100%;
    color:#a37e2c;
    -webkit-transform: scaleX(.5) !important;
    transform: scaleX(.5) !important;
    -webkit-transform-origin: center !important;
    transform-origin: center !important;
    margin-top:10px;
}
 section.intro .intro-wrapper .intro-slider .swiper-slide .item__img {
    border-bottom: 10px solid #a37e2c !important;
     }
hr{
    border-top: 1px solid rgb(255 255 255 / 53%) !important;
}
/*-----------------------------------------------*/
.proj__details .wrapper h5.title {
    font-size: 1.8rem !important;
    font-weight: bold !important;
}
.proj__details .wrapper h6.subtitle {
    font-style: italic !important;
}
.proj__details .wrapper p.location 
{
    margin-top: 7px !important;
    font-size: 20px !important;
}

.proj__details .wrapper>*:not(.more-btn) {
     overflow: unset !important; 
}

section.footer {
    border-radius: 25px 25px 0 0 !important; 
    border-top: 12px solid #a37e2c !important; 
        margin-top: -1.5% !important; 
}
section.developers .dev__img{
    border-radius:25% 0% !important; 
    box-shadow: 0 0px 30px #a37e2c !important;
}

section.developers .dev__img:hover img{
 display: none !important;
}
 
section.developers .dev__img:hover{
  background-image:url('../img/developerplace.png');
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
}
 
section.developers .dev__img:hover + .dev__title{
   visibility: visible !important;  
}
section.developers .dev__title p{
   color:#a37e2c !important;
   font-size:70%;
    width:70%  !important;
}
section.developers .dev__title h5{
  color:#ffffff !important; 
  font-weight:bold !important; 
  font-size:100% !important; 
  border:none !important;
  width:95%  !important;
}
 

section.developers .dev__title{
    top: -90px !important;
    position: relative !important;
    visibility: hidden !important;
   margin-left: 5% !important;
   pointer-events: none !important;
}

.blog__card .blog__details {
    padding: 1rem !important;
    color: #ffffff !important;
    background-color: #a37e2c !important;
    border-radius: 0 0 10px 10px !important; 
     background-image:url('../img/dots-1.png') !important;
       background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.blog__card .blog__details h6{
    font-size:25px !important;
}

.blog-info .site-btn {
text-transform: uppercase !important;
font-weight:bold !important;
border-bottom:none !important;
box-shadow: none !important;
}

.blog-info .site-btn {
    display:none !important;
}

 .cov{
  position:relative;
  background-image:url('../img/bu.jpg') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  /*height:200px;*/
  background-attachment: fixed !important;
  
}
.cov h1{
   font-size:90px;
}

.index-page .dev-info .dev-img {
    width: 250px!important;
    height: 250px!important;
    overflow: hidden !important;
    border-radius: 25% 0 !important;
    box-shadow: 0 0px 30px #a37e2c !important;
    border:none !important;
}
 
.view-dev .dev-txt p{
    color: #000000 !important;
    background-color: transparent !important;
    width: 100% !important;
}
.menu-share-media{
    all:unset !important;
}
.menu-share-media a {
    border-radius: 25% 0 !important;
        width: 35px !important;
    height: 35px !important;
    margin-top:none !important;
    background: transparent !important;
    border: 2px solid #a37e2c !important;
    color: #a37e2c !important;
}
   .index-page .search-box{
    position:none !important;
      background-color: #a17e311f !important;
    border: none !important;
    border-radius: 25px !important;
    /* font-family: 'Ubuntu' !important; */
    border-left: 1px solid #a37e2c !important;
    border-right: 1px solid #a37e2c !important;
    margin-top: 65px !important;
    position:relative !important;
   }
 
   .site-btn {
    background-color: #a37e2c!important;
    /* border: 1px solid currentColor; */
    text-transform: uppercase!important;
       padding: 1.2rem 1.5rem!important;
    box-shadow: none!important;
    border-radius: 25px!important;
    border: none!important;
    color: #ffffff!important;
    font-weight: 500!important;
   }
  .index-page .search-box .form 
   {
         gap: 15px !important;
   }
  .search-box .btns-holder button {
    border-radius:25px !important;      
   }
   
 .index-page .search-box .tail-select .select-label {
    width: 220px !important;
    padding: 20px 30px 20px!important;
    font-size: 17px !important;
}
     .index-page .search-box .form__block {
       all:unset !important;
    /* width: 200px; */
}
.tail-select .select-label::after {
  margin-top: -1px !important;
}
/*--------------------------------*/
 @media(max-width: 310px){
     header.main-header .navbar .navbar-brand  {
        width: 70%;
     }
section.footer div.ff{
display:none  !important; 
}
 }
@media(max-width: 767px){
    .container-fluid{
        margin:3px !important;
    }
    .navv .sec{
        display:none !important;
    }
    .developers h1{
         font-size: 140% !important;
     }
    section.intro .intro-wrapper .intro-slider .swiper-slide .item {
        height: 66vh !important;}
     section.intro .intro-wrapper .intro-slider .swiper-slide .item__text {
      padding: 9px !important;   
      bottom:15% !important;
     }
     .section-win{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        gap: 50px !important;
}

section.footer .footer-links div {
   display:flex  !important; 
   flex-direction:column  !important; 
   justify-content:center  !important; 
   align-items:center  !important; 
    gap: 10px  !important; 
    width:100%;
}
section.footer .footer-links div.ff{
 display:none !important;   
}
footer.main-footer .footer__lower{
    align-items:center;
}
section.footer {
        margin-top: -9% !important; 
}

.sectionafterunit .parts .prt {
width:100% !important;
cursor:pointer !important;
}
.sectionafterunit .parts{

    margin-top:5px;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}
 
}


@media (min-width: 768px){
#fullpage .search-box {
    position: absolute;
    top: 73%;
}
section.intro .intro-wrapper .intro-slider .swiper-slide .item .search-box {
    position:relative;
        padding: -7rem;
        margin-top:100px;
}
section.intro .intro-wrapper .intro-slider .swiper-slide .item {
    height: 66vh;
}
section.footer {
        margin-top: -1.5% !important
}
}

#fullpage header.main-header::before {
background: linear-gradient(rgb(0 0 0 / 70%), rgb(0 0 0 / 50%), transparent) !important;
    
}

div.discover{
 background-image:url('../img/building.jpg') !important;
background-position: center !important; /* Center the image */
background-repeat: no-repeat !important; /* Do not repeat the image */
background-size: cover !important;
background-attachment: fixed !important;

padding: 3px 0 113px 0 !important;
}
p{
        text-align: justify !important;
}
section.footer {
     background-color: #121212 !important;
}
footer.main-footer{
     background-color: #121212 !important;
     color:#ffffff !important;
     
}
.blog__card {
border-radius:10px !important;
border: 0 !important;
border-top: 3px solid #a37e2c !important;
}
.blog__card .blog__image img {
    border-radius: 10px 10px 0 0 !important;
}
 
.controllers .swiper-button-next::before,.controllers .swiper-button-prev::before {
    border: none !important;
}
.controllers .swiper-button-next::after, .controllers .swiper-button-prev::after {
    font-size: 2.5rem !important;
}
div.discover .block {
    background-color: #ffffffd6 !important;
    border-radius: 25px 0 !important;
}
div.discover .block h5.title {
border-bottom: 1px solid rgb(0 0 0) !important;
    font-size: 20px !important;
    font-weight: bold !important;
}

.discover .section-title .title span.txt {
    opacity: 100% !important;
    font-size: 50px !important;
    font-weight: bold !important;
    margin-bottom: -15px !important;
}


/*---------------------------------------*/
/* @font-face {
    font-family: 'Montserrat';
    src        : url('../fonts/Montserrat/Montserrat-Light.ttf'), url('../fonts/Montserrat/Montserrat-Regular.ttf'), url('../fonts/Montserrat/Montserrat-Medium.ttf'), url('../fonts/Montserrat/Montserrat-SemiBold.ttf'), url('../fonts/Montserrat/Montserrat-Bold.ttf'), url('../fonts/Montserrat/Montserrat-ExtraBold.ttf'), url('../fonts/Montserrat/Montserrat-Black.ttf');
}

@font-face {
    font-family: 'EB Garamond';
    src        : url('../fonts/EB_Garamond/static/EBGaramond-Italic-VariableFont_wght.ttf');
    /* , url('../fonts/EB_Garamond/static/EBGaramond-Italic.ttf'), url('../fonts/EB_Garamond/static/EBGaramond-Medium.ttf'), url('../fonts/EB_Garamond/static/EBGaramond-MediumItalic.ttf'), url('../fonts/EB_Garamond/static/EBGaramond-SemiBold.ttf'), url('../fonts/EB_Garamond/static/EBGaramond-SemiBoldItalic.ttf'), url('../fonts/EB_Garamond/static/EBGaramond-Bold.ttf'), url('../fonts/EB_Garamond/static/EBGaramond-BoldItalic.ttf'), url('../fonts/EB_Garamond/static/EBGaramond-ExtraBold.ttf'), url('../fonts/EB_Garamond/static/EBGaramond-ExtraBoldItalic.ttf'); */
/* }

@font-face {
    font-family: 'Tajawal';
    src        : url('../fonts/Tajawal/Tajawal-Light.ttf'), url('../fonts/Tajawal/Tajawal-Regular.ttf'), url('../fonts/Tajawal/Tajawal-Medium.ttf'), url('../fonts/Tajawal/Tajawal-Bold.ttf'), url('../fonts/Tajawal/Tajawal-ExtraBold.ttf'), url('../fonts/Tajawal/Tajawal-Medium.ttf'), url('../fonts/Tajawal/Tajawal-Black.ttf');
}  */

.blockUI {
    z-index         : 999999999 !important;
    border          : none !important;
    background-color: transparent !important;
    width           : 5% !important;
    top             : 47% !important;
    left            : 47% !important;
}

.blockUI img {
    width        : 100%;
    border-radius: 50% !important;
}

.parsley-errors-list {
    color: red;
}
.view-page .wrapper .accordion-tabs .card .card-body .media-holder #map{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;border:0 !important}

.rtl-style{
    left: auto !important;
}
.rtl-style .st-toggle{
    display: none;
}
.rtl-style .st-btn.st-hide-label:hover {
    width: 48px !important;
}
.placeholder-img{
    transform: none !important;
}

.loc-box .map #map{position:absolute;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important}
.view-page .wrapper__block--types .map-loc #map{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;border:0 !important;
}