body
{
    background-color: #ffffff;
}

/* all the file */
.top-img img{
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    height: 300px;
    object-fit: cover;
}
.unit-item:hover .top-img img{
    transform: scale(1.03);
}
.unit-item .lbl{
background-color: #d1d3d4;
}
.status-lbl{
    background-color: #d1d3d4;
    }
.main-color{
  color: var(--mainColor);
}
.d-img{
    height: 22px;
}
.jass.mainBtn:not(.btnWhite){
    background-color: var(--mainColor);
    padding: unset;


}
.jass.mainBtn img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.jass.mainBtn.btnWhite img{

    filter: unset;
    -webkit-filter: unset;
}
.jass.mainBtn.btnWhite{
    border: 1px solid var(--mainColor);
    filter: unset;
    -webkit-filter: unset;
}
.jass.mainBtn:hover img {
    filter:unset;
    -webkit-filter:unset;
}
.jass.mainBtn.btnWhite:hover img{
    filter: brightness(0) invert(1);
    -webkit-filter:brightness(0) invert(1);
}
#units .owl-item img{
width: unset;
display: unset;
}
.unit-item{
    border: 1px solid var(--mainColor);
}
#units .owl-nav{
    display: inline;
    position: absolute;
    top: -143px;
    left: 0;
}
html[lang="en"] #units .owl-nav{

    left: unset;
    right: 0;
}
.btn-whatsapp{ background-color: #47D651; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
}
.btn-whatsapp:hover{
   filter: blur(.9);
   -webkit-filter: blur(.9);
}
@media (min-width:992px) {
    .w-50-lg{
        width: 50% !important;
    }

}
@media (max-width:992px) {
    .projectGallery .item img{
        height: 250px;
    }
    #units .owl-nav{

        top: -180px;

    }

    .owl-theme .owl-nav [class*="owl-"] {
        width: 55px;
        height: 55px;
    }
    .main-color.fw-bold.h1.mb-5.d-flex{
        font-size: 20px;
    }
}

#map {
    height: 550px;
    width: 100%;
    border-radius: 6px;
}
.controlMap .BtnsCat {
    padding: 0;
    flex-wrap: wrap;
    list-style: none;
    display: flex;
    gap: 14px;
    margin: 15px 0;
}


.controlMap .BtnsCat .BtnCat {
    font-size: 20px;
    color: #2c1600;
    padding: 12px 14px;
    background: #fff;
    cursor: pointer;
    border-radius: 6px;
    transition: 0.5s;
    border-radius: 100px;
    padding: 9px 20px;
}
@media (max-width: 991px) {
    .controlMap .BtnsCat .BtnCat,
    .controlMap .BtnsCity .BtnCity {
        font-size: 16px;
    }

}

.careerBox
{
    box-shadow: 0 0 10px #b5b5b5;
    padding: 25px;
    margin-bottom: 30px;
    border-radius: 5px;
}
.mainBtn:hover {
    background-color: #c4a77f;
}
.text-brown
{
    color: #2c1600;
}

/*New Design*/
.mainColor
{
    color: #A87758;
}
.navbar
{
    position: absolute;
    left: 10%;
    right: 10%;
    background: #A87758 !important;
    width: auto;
    top: 2%;
    padding: 0 50px;
    border-radius: 20px 20px 0 0;
    border-bottom: 0;
    height: 110px;
    z-index: 9;
}
.navbar-dark .navbar-nav .nav-link.mainBtn {
    padding: 8px 33px;
    font-size: 14px;
    line-height: 25px;
}
.navbar-dark .navbar-nav .nav-link {
    padding: 30px 0;
}
.navbar .navbar-brand img
{
    height: 70px;
}
.hero {
    margin-top: 100px;
    background-color: #A87758;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 35px 0 85px 0;
    border-radius: 0 0 20px 20px;
}
.breadcrumb ul
{
    background: #00000014;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 13px;
}
.breadcrumb ul li a
{
    color: #c8c8c8;
}
.hero .tagHero {
    border-radius: 0;
     background: none;
     padding: 0;
    color: #fff;
    margin-bottom: 25px;
    display: inline-block;
    width: 100%;
}
.hero .tagHero h1
{
    width: 100%;
    margin: 0 auto;
    font-weight: 500;
    font-size: 55px;
}
.description
{
    width: 60%;
    margin: 0 auto;
}
.description > *
{
    color: #f0f0f0 !important;
    font-size: 15px !important;
}
.filter-section
{
    display: flex;
    padding: 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    background: #ffffff;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: -3.5%;
    border-radius: 300px;
    box-shadow: 0 1px 1px 0 rgba(14, 14, 14, 0.04), 0 4px 4px 0 rgba(211, 211, 211, 0.06);
    z-index: 99;
}
.filter-section input, .filter-section select
{
    border: 0;
}
.filter-section input:focus, .filter-section select:focus
{
    box-shadow: none;
}
.filter-section .searchName i
{
    position: absolute;
    right: 0;
    top: 0;
    background: #A87758;
    padding: 10px;
    border-radius: 50px;
    color: #ffffff;
}
.projectBoxs .box
{
    height: 320px;
    border-radius: 16px;
}
.projectBoxs .box .label a {
    background: var(--Grey-700);
    color: #ffffff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 50px;
}
.projectBoxs .box .label a.projectName
{
    border-radius: var(--Borders-Rounded);
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(15px);
    color: var(--Grey-950);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.projectBoxs .box .label a.notAvailable
{
    color: #D1D3D4;
    border-radius: var(--Borders-Rounded);
    background: rgba(90, 97, 100, 0.30);
    backdrop-filter: blur(15px);
    border: none;
}
.projectBoxs .fa-tag
{
    transform: rotate(90deg);
}
.projectBoxs .box .Boxstati {
    bottom: 16px;
    opacity: 1 !important;
}
.projectBoxs .box .infoBox,.projectBoxs .box:hover .infoBox
{
    bottom: 36px;
}
.box .plus
{
    position: absolute;
    right: 20px;
    top: 10px;
    background: #ffffff;
    padding: 6px 13px;
    border-radius: 50px;
}
.box .plus a
{
    color: #2f2f2f;
    font-size: 12px;
}
.bannerSafa .profile
{
    background: #A87758;
    margin-left: 10%;
    margin-right: 10%;
    border-radius: 20px;
}
.bannerSafa .profile .image
{
    height: 385px;
}
.bannerSafa .infoBanner label
{
    color: #fff;
    background: #c98e68;
    padding: 6px 12px;
    border-radius: 50px;
    font-size: 13px;
}
.bannerSafa .infoBanner label i
{
    background: #A87758;
    padding: 4px 5px;
    border-radius: 50px;
}
.bannerSafa .infoBanner h2
{
    font-weight: 100;
    margin-bottom: 20px;
}
.bannerSafa .infoBanner .downloadBtn
{
    background: #ffffff;
    margin-top: 10px;
    border-radius: 50px;
    padding: 15px;
    color: #000000;
    font-size: 14px;
    transition: all 0.5s;
}
.bannerSafa .infoBanner .downloadBtn i
{
    background: #000000;
    padding: 9px 10px;
    border-radius: 50px;
    color: #ffff;
    margin: 0 -8px 0 15px;
}
.bannerSafa .infoBanner .downloadBtn:hover
{
    color: #ffffff;
    background-color: #d7976e;
}
.units .unit .top-img
{
    border-radius: 15px;
}
.units .unit .label
{
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 1;
    display: flex;
}
.units .unit .plus
{
    position: absolute;
    right: 10px;
    top: 15px;
    background: #ffffff;
    padding: 6px 13px;
    border-radius: 50px;
    z-index: 1;
}
.units .unit .plus a
{
    color: #2f2f2f;
    font-size: 12px;
}
.units .unit .label a {
    background: #393939f0;
    color: #ffffff;
    padding: 8px 10px;
    font-size: 13px;
    border-radius: 50px;
}
.units .unit .label a.projectName
{
    background: #ffffff;
    color: #393939f0;
}

.owlProjectlist.owl-theme .owl-nav [class*="owl-"]
,.owlProjectlist.owl-theme .owl-nav .disabled
{
    background: none !important;
    color: #ffffff87;
    font-size: 25px;
    width: 25px;
    height: 25px;
}
.units .owlProjectlist .owl-nav
{
    top: 50%;
}
.units .top-img img
{
    height: 300px;
}
.units .owlProjectlist .owl-dots
{
    display: none;
}
.units .category_type
{
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 1;
}
.units .category_type .category,
.units .category_type .type
{
    border-radius: var(--Borders-Rounded);
    background: rgba(90, 97, 100, 0.30);
    backdrop-filter: blur(15px);
    padding: 4px 8px;
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 4px;
}
.units .unit_details
{
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    position: absolute;
    bottom: -74px;
    z-index: 99;
    right: 0;
    left: 0;
}
.category_type span
{
    font-size: 12px;
    color: #454545;
}
.units .unit_details .location span,
.units .unit_details .space span
{
    font-size: 15px;
    color: #454545;
}
.units .unit_details .location i,
.units .unit_details .space i
{
    font-size: 15px;
}
.units .unit_details .title .unit-title
{
    color: black;
    font-weight: bold;
    font-size: 17px;
}

.units .unit_details .price
{
    font-size: 20px;
    font-weight: bold;
    color: black;
}
.units .unit_details .icons span
{
    font-size: 14px;
}
.units .unit_details .btns a
{
    font-size: 12px;
    font-weight: bold;
    border-radius: 50px;
}
.units .unit_details .btns a.mainBtn
{
    background-color: #A27453;
}

.secondColor
{
   color: #C38A67;
}
.projectBoxs .box .Boxstati .infoStatic
{
    align-items: center;
}
.heroSingleProject,.heroSingleBlog
{
    margin-top: 100px !important;
}
.mainBtn.filterBtn
{
    font-size: 14px;
    padding: 15px 5px 12px;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: #ffffff !important;
    color: #838c90 !important;
}
.leaflet-popup-content
{
    width: 105px !important;
    text-align: center;
}
.leaflet-popup
{
    left: -74px !important;
}

#projectsHomeSider .owl-nav
{
    left: 0 !important;
}
.contentCity .accordion .accordion-button
{
    color: #754c24;
    font-weight: bold;
    font-size: 20px;
    background: none;
}
.contentCity .accordion .accordion-body
{
    font-size: 14px;
}
.navbar .navbar-collapse .nav-item.active::after
{
    display: none;
}
.dropdown-item
{
    font-size: 14px;
}
.for_mobile
{
    display: none;
}
.dropdown-toggle-2:hover
{
    color: #ffffff !important;
    opacity: 1 !important;
}
.vendor.hovered {
    color: white !important;
    opacity: 1 !important;
}
.contractor.hovered {
    color: white !important;
    opacity: 1 !important;
}

.maintenance-card
{
    background: #ffffff;
    padding: 20px 24px;
    margin-bottom: 8px;
    border-radius: 24px;
    background: var(--Grey-White);
    box-shadow: 0 1px 1px 0 rgba(14, 14, 14, 0.04), 0 4px 4px 0 rgba(211, 211, 211, 0.06);
}
.maintenance-card .label
{
    font-family: var(--font-Family-Light);
    display: flex;
    padding: 6px 10px 3px;
    align-items: center;
    gap: 6px;
    border-radius: 90px;
    background: var(--Grey-50);
    color: var(--Grey-700);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.maintenance-card .content
{
    padding: 24px 0 8px 0;
}
.maintenance-card .content h5,
.maintenance-card .content h5 a
{
    color: var(--Grey-950);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
    letter-spacing: -0.4px;
}
.maintenance-card .content h5.amount
{
    font-size: 18px;
}
.maintenance-card .content
{
    border-bottom: 1px solid #DEE0E1;
}
.maintenance-card .item-footer
{
    margin-top: 10px;
}
.maintenance-card .item-footer .labels span
{
    color: var(--Grey-400);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-family: var(--font-Family-Light);
}

.maintenance-card .item-footer .modal-btns a,
.maintenance-card .item-footer .modal-btns button
{
    border-radius: var(--Borders-Rounded);
    background: var(--Grey-800);
    padding: 6px 12px;
    color: var(--Grey-White);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: all 0.5s;
    border: none;
}
.maintenance-card .item-footer .modal-btns a:hover
{
    background: var(--Brand-500-Safa-bronze);
}
.maintenance-card .item-footer .modal-btns .pay
{
    color: var(--Grey-White);
    background: var(--Brand-500-Safa-bronze);
}

.maintenance-card .item-footer .modal-btns .pay:hover
{
    background: var(--Grey-800);
}
.maintenance_details
{
    margin: 24px 0;
    border-bottom: 1px solid #DEE0E1;
}
.maintenance_details .key
{
    color: #838C90;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.maintenance_details .value
{
    color: #996C50;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.iframe .overlay
{
    position: absolute;
    left: 0;
    right: 0;
    height: 100px;
    background: #fff;
    top: 0;
}
.btn-main
{
    background-color: #a67962;
    border: 1px solid #a67962;
    color: #ffffff;
}
.btn-main:hover
{
    background-color: #d5a288;
    border: 1px solid #d5a288;
    color: #ffffff;
}
.select2-container--default .select2-selection--single
{
    border: none !important;
}
.select2-container .select2-selection--single
{
    height: 44px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: 44px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
    height: 37px !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear
{
    display: none;
}
@media (max-width:992px) {
    .navbar
    {
        left: 0;
        right: 0;
        top: 0;
        border-radius: 0;
        padding: 0;
    }
    .navbar .mainBtn.btnWhite
    {
        display: none;
    }
    .hero,.description
    {
        width: 100%;
    }
    .hero .tagHero h1
    {
        width: 100%;
        font-size: 25px;
    }
    .description > *
    {
        font-size: 12px !important;
    }
    .navbar-dark .navbar-nav .nav-link
    {
        padding: 15px;
        font-size: 15px;
        color: #ffffff;
    }
    .navbar .dropdown-item
    {
        font-size: 15px;
        padding: 15px;
    }
    .filter-section
    {
        margin: 0;
        border-radius: 0;
    }
    .filter-section .form-group
    {
        margin-bottom: 10px;
    }
    .bannerSafa .profile
    {
        margin: 0;
        text-align: center;
        padding: 20px 30px;
    }
    .bannerSafa .profile .image
    {
        height: auto;
    }
    .units .owlProjectlist .owl-nav [class*="owl-"]:hover::before,
    .units .owlProjectlist .owl-nav [class*="owl-"]:hover::after,
    .units .owlProjectlist .owl-nav [class*="owl-"].disabled::after,
    .units .owlProjectlist .owl-nav [class*="owl-"]::before
    {
        background: none;
    }
    .heroSingleProject
    {
        height: auto;
        padding-bottom: 30px;
    }
    .heroSingleProject .mainBtn
    {
        font-size: 14px;
    }
    .heroSingleProject .ListStatiProject
    {
        bottom: -180px;
    }
    .statiSection.projectDetails
    {
        padding-top: 125px;
    }
    .heroHome .container .contentHeroHome
    {
        top: 55%;
    }

    .for_mobile
    {
        display: block;
    }
    .for_web
    {
        display: none;
    }
    .dropdown .dropdown-menu.show {
        max-height: 420px;
    }
    .navbar-dark .navbar-nav .nav-link.mainBtn
    {
        padding: 8px 14px;
    }
    .modal-btns
    {
        margin-top: 30px;
    }

}