@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    background: #FFF;
    font-family: 'Rubik', sans-serif !important;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-70 {
    padding-bottom: 70px;
}

a {
    text-decoration: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-family: 'Rubik', sans-serif;
}

/* p {
    line-height: 1.7;
    color: #666;
    font-size: 17px;
    margin-bottom: 15px;
} */

.header-container {
    position: absolute;
    width: 100%;
}

.header-container .primary-navigation .primary-nav-container {
    position: inherit
}

@media(max-width:767.98px) {
    .header-container .primary-navigation .left-nav-icon-ul {
        position: absolute;
        z-index: 2
    }
    .sec-3 {
        background: #FFF !important;
    }
    .add-prop-2 {
        margin-block: 4px;
        background-color: #30A2E5;
        color: #ffff !important;
       
        padding: 11px 20px 6px 15px !important;
        font-weight: 700;
        font-size: 16px;
        margin-left: 15px;
        border-radius: 100%;
    height: 44px;
    width: 44px;
    }
    .whychoose li{ margin-left: 0px; padding-left: 100px;padding-bottom: 40px;    width: 100% !important;
        float: left;} 
}

.header-container .primary-navigation .primary-nav-links .primary-nav-dropdown a:focus+.dropdown-container {
    height: 4.0625rem;
    -webkit-transition: height .3s ease-in;
    transition: height .3s ease-in
}

.header-container .primary-navigation .primary-nav-links .primary-nav-dropdown:focus .dropdown-container {
    height: 4.0625rem;
    -webkit-transition: height .3s ease-in;
    transition: height .3s ease-in
}

.header-container .primary-navigation .primary-nav-links .primary-nav-dropdown:hover .dropdown-container {
    height: 4.0625rem;
    -webkit-transition: height .3s ease-in;
    transition: height .3s ease-in
}

.header-container .primary-navigation .primary-nav-links .dropdown-container {
    width: 100%;
    position: absolute;
    left: 0;
    top: 3.375rem;
    overflow: hidden;
    -webkit-transition: height .2s ease-out;
    transition: height .2s ease-out;
    height: 0;
    z-index: 10;
}

.header-container .primary-navigation .primary-nav-links .dropdown-container .dropdown-list {
    background: #c1c1c1;
    text-align: center;
    padding: 0;
    height: 100%;
    line-height: 4.0625rem;
    border-bottom: .3125rem solid #7a786d
}

[lang=ar-AE] .header-container .primary-navigation .primary-nav-links .dropdown-container .dropdown-list,
[lang=ar-SA] .header-container .primary-navigation .primary-nav-links .dropdown-container .dropdown-list {
    font-family: "Gotham-Medium", Arial, sans-serif
}

.header-container .primary-navigation .primary-nav-links .dropdown-container .dropdown-list .dropdown-list-item {
    display: inline-block;
    padding: 0 1.5rem;
    border-left: .0625rem solid #e6e6e6
}

.navbar {
    background: white;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0);
    font-weight: 500;
    font-size: 14px;
    /* padding: 15px; */
}

.navbar-nav {
    margin-left: auto;
}

.navbar-nav ul {
    list-style: none;
}

.navbar-nav a span {
    background-color: #30A2E5;
    color: #FFF;
    font-size: 11px;
    border-radius: 0px;
    font-weight: 600;
    padding: 2px 4px;
}

.collapse {
    display: block;
}

.logo {
    position: relative;
    z-index: 1000;
}

.Login {
    float: right;
    padding-right: 20px;
    line-height: 36px;
}

.Login a {
    color: #144c60;
    text-decoration: underline;
    font-weight: 600;
}

.mobile {
    background: #144c60;
    line-height: 20px;
    width: 240px;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    float: right;
}

.mobile a {
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
    display: block;
}

.profile-banner {
    /* background:url(../images/home-banner.jpg) no-repeat top center #cdddc0; */
    background: #cdddc0;
    padding: 130px 100px;
}

.banner {
    background:url(../images/Banner.jpg) no-repeat  #cdddc0;
    background-size: cover;
    height: 90vh;
    /* background: #cdddc0; */
    /* padding: 130px 100px; */
}

.banner h1 {
    font-size: 45px;
    text-align: left;
    font-weight: 500;
    color: #FFF;
}

/* .banner h2 {
    font-size: 20px;
    text-align: center;
    font-weight: 300;
    color: #FFF;
    padding-top: 8px;
    padding-bottom: 30px;
} */

#search {
    width: 60%;
    padding: 10px;
    border-radius: 10px 0px 0px 10px;
    border: 0.2px solid #929090;
    font-size: 14px;
    font-weight: 500;
}

#banner-form {
    background: #30A2E5;
    color: white;
    border-radius: 0px 10px 10px 0px;
    border: 0px;
    font-size: 16px;
    padding: 9.2px 20px;
    position: absolute;
}

.mar {
    padding: 85px 0px;
}

.pad {
    padding: 50px 0px;
}

.projects {
    /* border: #000 1px solid; */
    padding: 15px;
}

.projects h5 {
    font-size: 16px;
    font-weight: 600;
    color: #2e2c2c;
    margin-bottom: 6px;
}

.projects p span {
    font-size: 12px;
    color: #929090;
    font-weight: 400;
    /* line-height: 10px; */
}

.projects p {
    font-size: 12px;
    font-weight: 500;
    color: #2e2c2c;
    margin-top: 0px;
    margin-bottom: 0px;
}

.projects span {
    font-size: 18px;
    font-weight: 500;
    color: #2e2c2c;
}

.projects .title-1 {
    margin-bottom: 11px;
}

.projects .location {
    margin-bottom: 11px;
}

.location p {
    margin-bottom: 6px;
}

.sec-2 h2 {
    font-size: 28px;
}

.sec-3 {
    background: url(../images/welcome-bg.png) no-repeat top 30px left -100px #FFF;
}
.welcome{}
.welcome h1{ font-size: 32px; font-weight: 600; padding-bottom: 20px;}
.welcome h3{font-weight: 400; font-size: 18px;}
.welcome p{ font-size: 16px; line-height: 36px;}
.welcome ul{ list-style: none; margin: 0px; padding: 0px; margin-bottom: 42px;}
.welcome li{ line-height: 37px;
    font-size: 16px;
    background: url(../images/bullet.png) no-repeat top 7px left;
    padding-left: 32px;}
.requestcall {
    
    background-color: #30A2E5;
    color: #ffff !important;
    border-radius: 4px;
    padding: 12px 20px 12px 20px !important;
    font-weight: 700;
    font-size: 16px;
    width: 150px;
    border: 0px;
   
   
}
.services{}
.services h2{ font-size: 32px; font-weight: 600; padding-bottom: 20px; text-align: center;}

.services p{ font-size: 16px; line-height: 26px; font-weight: 500; text-align: center;}
.services a{ text-decoration: none; color: #101A30;}
.services h3{font-weight: 400;
    font-size: 16px; text-align: center;}


.sec-3 h2 {
    color: #2e2c2c;
    font-size: 28px;
}

.sec-5 {
    background: #ffffff;
}

/* .sec-5 h2 {
    font-size: 28px;
} */

.projects-1 {
    /* border: #000 1px solid; */
    padding: 15px 15px 0px 15px;
}

.projects-1 h5 {
    font-size: 16px;
    font-weight: 600;
    color: #2e2c2c;
}

.projects-1 p span {
    font-size: 12px;
    color: #929090;
    font-weight: 400;
    line-height: 15px;
}

.projects-1 p {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    line-height: 5px;
}

.projects-1 span {
    font-size: 18px;
    font-weight: 500;
    color: #2e2c2c;
}

.projects-1 .title-1 {
    margin-bottom: 20px;
}

.plots {
    /* position: relative; */
    /* padding: 10px; */
}

.box {
    /* padding: 5px;
    border: #929090 1px solid; */
    margin-top: 10px;
    background: #FFF;
}
.box-content{ padding: 10px 10px 20px 10px;}
.box-content h3{text-align: center !important;font-weight: 700; font-size: 20px;}
.box-content p{margin-bottom: 0px;}
.whychoose{padding: 80px 0px 0px 0px;}
.whychoose h2{font-size: 32px;font-weight: 600;padding-bottom: 20px; text-align: center;}
.whychoose h3{font-weight: 400;font-size: 16px;text-align: left;}
.whychoose h4{font-size: 20px; font-weight: 700;}
.whychoose p{}

.whychoose ul{ list-style: none; padding: 0px; margin: 0px;margin-top: 40px;}
.whychoose li{ margin-left: 0px; padding-left: 100px;padding-bottom: 40px;    width: 50%;
    float: left;} 
.wc1{background: url(../images/wc1.jpg) no-repeat top left;}
.wc2{background: url(../images/wc2.jpg) no-repeat top left;}
.wc3{background: url(../images/wc3.jpg) no-repeat top left;}
.wc4{background: url(../images/wc4.jpg) no-repeat top left;}
.whybox{ margin-bottom: 50px; padding-left: 0px;}
.facts{background: #2FA2E5; padding: 80px 0px;}
.testimonials{padding: 80px 0px;}
.testimonials h2{font-size: 32px;font-weight: 600;padding-bottom: 20px;}
.testimonials h3{font-weight: 400;font-size: 16px;text-align: left;}
.testi-content{background: url(../images/quote.png) no-repeat top left;}
.testi-content p{ font-size: 20px; text-align: center; line-height: 40px;padding-top: 63px;}
.project-border {
    border: 1px solid #929090;
    margin: 0px 2px auto;
    /* height: 100%; */
}

.project-border-1 {
    border: 1px solid #929090;
    margin: 0px 4px auto;
    /* height: 100%; */
    background: #fff;
}

.sec-3-con .name {
    text-align: start;
}

.sec-3-con .year {
    text-align: end;
}

.project-title {}

.project-title h3 {
    font-size: 17px;
    font-weight: 500;
    color: #2e2c2c;
    margin: 0;
    padding: 0;
}

.project-title p {
    font-size: 13px;
    font-weight: 400;
    color: #929090;
    padding-top: 0px;
    padding-bottom: 5px;
}

.project-location {}

.project-location h3 {
    font-size: 12px;
    font-weight: 400;
    color: #2e2c2c;
    padding: 6px 0px 0px 0px;
    margin: 0px;

}



.project-prize {
    color: #2e2c2c;
    padding: 0px 0px 0px 0px;
    font-weight: 500;
    font-size: 18px;
    margin: 0px;
    line-height: 14px;
}
/* .project-prize {
    color: #ffffff;
    padding: 15px 0px 15px 7px;
    font-weight: 500;
    font-size: 18px;
    margin: 0px;
    line-height: 14px;
    background: #30A2E5;
    width: 184px;
    border-radius: 5px;
} */

.project-prize i {
    font-size: medium;
    padding: 0px 3px 0px 0px;
}

.sec-6 h2 {
    margin: 0;
}

.property ul {
    padding: 23px 0px 0px 0px;
    margin: 0px;
}

.property ul li {
    font-size: 12px;
    font-weight: 400;
    color: #929090;
    padding: 0px 0px 15px;
    /* line-height:19px; */
    list-style: none;
}

.property ul li a {
    color: #929090;
    text-decoration: none;
    line-height: 10px;
}

.last-list {
    padding: 0px !important;
}

.footer {
    background: url(../images/partner-bg.jpg) no-repeat top center;
    padding: 120px 0px;
    margin-bottom: 0px;
}
.footer h2{ font-size: 60px; font-weight: 700; color: #FFF; padding-bottom: 30px;}
.became-partner {
    
    background-color: #FFF;
    color: #30A2E5 !important;
    border-radius: 4px;
    padding: 12px 20px 12px 20px !important;
    font-weight: 700;
    font-size: 16px;
    width: 150px;
    margin: 0px auto;
    margin-top: 30px;
   
}
.facebook {
    background: #2d7706;
    /* padding: 2px 13px; */
    border-radius: 50%;
    font-size: 16px;
    margin: 5px;
    width: 30px;
    height: 30px;
}

.facebook i {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(303deg) brightness(103%) contrast(101%);
    padding: 7px 9px;
}

.youtube {
    background: #2d7706;
    /* padding: 2px 10px; */
    border-radius: 50%;
    font-size: 16px;
    margin: 5px;
    width: 30px;
    height: 30px;
}

.youtube i {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(303deg) brightness(103%) contrast(101%);
    padding: 7px 6px;
}

.instagram {
    background: #2d7706;
    /* padding: 2px 12px; */
    border-radius: 50%;
    font-size: 16px;
    margin: 5px;
    width: 30px;
    height: 30px;
}

.instagram i {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(303deg) brightness(103%) contrast(101%);
    padding: 7px 9px;
}

.item {}

.footer-bottom {
    padding: 10px 0px;
    background: #101A30;
    border-top: #101A30 solid 1px;
}

.footer-align-1 {
    text-align: center !important;
    font-size: 11px;

    color: #929090;
    margin-bottom: 0px
}
.footer-align-1 a{ color: #929090;}
.footer-align-2 {
    text-align: end;
    font-size: 11px;

    color: #929090;
    margin-bottom: 0px
}

.footer-align-2 a {
    color: #929090;
    text-decoration: none;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #30A2E5 !important;
}

form {
    display: flex;
}

form input {
    float: left;
}

.search {
    width: 100%;
    padding: 10px;
    border-radius: 10px 0px 0px 10px;
    border: 0.2px solid #929090;
    font-size: 14px;
    font-weight: 500;
}

.submit {
    background: #30A2E5;
    color: white;
    border-radius: 0px 10px 10px 0px;
    border: 0px;
    font-size: 16px;
    padding: 9.2px 20px;
}



/* -----------------------details-------------------------- */
/* .details-menu .navbar {
    background: #eaebe9;
} */

.inbox {
    width: 100%;
    border: 0;
    /* background: #eaebe9; */

}

.find {
    background: url(../images/search.png) no-repeat top 5px right 5px;
    border: 0;
    content: none;
    padding: 0px 20px 0px 10px;
}

/* input[value="search"] {
    position: absolute;
    z-index: 0;  
  } */
.header-form {
    border: 1px solid #949392;
}

.header-form input {
    float: none;

}

.details-banner {
    padding-top: 40px;
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
}

/* 
.details-banner-1 {
    padding-right: 0;} */

.details-banner-2 {
    padding-bottom: 5px;
}

.details-banner-3 {
    padding-top: 5px;
}

/* .details-banner-4{
    padding-left: 0px;
} */
.project-head {
    padding: 18px 0px 14px;
}

.project-head h2 {
    font-size: 24px;
    font-weight: 500;
    color: #2e2c2c;
    margin: 0px;
    line-height: 0.8;
}

.project-head p {
    font-size: 14px;
    font-weight: 500;
    color: #929090;
    padding: 9px 0px 0px;
    margin: 0;
    line-height: 0.8;
}

.project-location p {
    font-size: 13px;
    font-weight: 500;
    color: #2e2c2c;
    margin-bottom: 22px;
    line-height: 0.8;
}

.tour-btn {
    border: 1px solid #a5c594;
    background: #2d7706;
    padding: 18px;
    margin: 18px 0px;
    text-align: center;
}

.tour-btn a {
    text-decoration: none;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
}

.contact-btn {
    border: 1px solid #a5c594;
    padding: 18px;
    margin: 18px 0px;
    text-align: center;
}

.contact-btn a {
    text-decoration: none;
    color: #2d7706;
    font-size: 16px;
    font-weight: 500;
}

.project-detail-menu {
    border-bottom: 1px solid #b0adad;
}

.listing {
    margin: 27px 0px;
}

/* .listing ul li{
    list-style: none;
    padding: 15px;
} */
.listing a {
    color: #a8a6a6;
    text-decoration: none;
    padding: 15px 0px;
    font-size: 16px;
    font-weight: 500;
}

.over-view-sec {
    background: #f3f3f3;
    padding: 15px 0px;
}

.over-view-bg {
    background: #ffffff;
    margin-bottom: 15px;
    padding: 10px 20px;
}

.overview-head {
    border-bottom: 1px solid #b0adad;
}

.overview-head h2 {
    font-size: 18px;
    font-weight: 500;
    padding: 16px 0px 16px 14px;
    margin: 0;
    color: #2e2c2c;
}

.overview-details {
    padding: 40px 0px 0px 13px;
}

.overview-details h3 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 7px;
    color: #929090;
    line-height: 1;
}

.overview-details p {
    font-size: 14px;
    font-weight: 500;
    color: #2e2c2c;
    margin-bottom: 45px;
    line-height: 1;
}

.overview-details img {
    float: left;
    padding: 0px 17px 0px 13px;
}

.tour-bg {
    background: #ffffff;
    padding: 20px;
}

/* .request-tour{
    background: #ffffff;
} */
.request-tour h2 {
    color: #2e2c2c;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}

.tour-btn-detail {
    padding: 17px 0px;

}

.tour-btn-detail a {
    text-decoration: none;
}

.tour-btn-detail a .contact-bt {
    border: 1px solid #a5c594;
    color: #2d7706;
    padding: 13px 0px 15px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.tour-btn-detail a .schedule-bt {
    border: 1px solid #a5c594;
    background: #2d7706;
    padding: 13px 0px 15px 0px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.tour-btn-detail p {
    font-size: 10px;
    font-weight: 500;
    color: #929090;
    margin: 5px 0px 9px 0px;
}

.tour-btn-detail .or {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 13px;
}

.highlights ul li {
    font-size: 14px;
    font-weight: 500;
    color: #929090;
    padding: 20px 0px 0px;
    list-style: none;
}

.highlights ul {
    padding: 0px 17px 20px 13px;
}

.amenities {
    margin: 0px 13px;
}

.amenities img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.amenites-details {
    padding: 30px 0px 0px;
}

.amenities p {
    font-size: 12px;
    font-weight: 500;
    color: #929090;
    text-align: center;
    padding-bottom: 25px;
    margin: 0;
    line-height: 1;
}

.details-banner .owl-carousel .item {
    text-align: center;
}

.over-view-img-1 {
    background: url(../images/over-view-icon-1.png) no-repeat top left;
    padding: 0px 0px 0px 42px;
}

.over-view-img-2 {
    background: url(../images/over-view-icon-2.png) no-repeat top left;
    padding: 0px 0px 0px 42px;
}

.over-view-img-3 {
    background: url(../images/over-view-icon-3.png) no-repeat top left;
    padding: 0px 0px 0px 42px;
}

.over-view-img-4 {
    background: url(../images/over-view-icon-4.png) no-repeat top left;
    padding: 0px 0px 0px 42px;
}

.over-view-img-5 {
    background: url(../images/over-view-icon-5.png) no-repeat top left;
    padding: 0px 0px 0px 42px;
}

.over-view-img-6 {
    background: url(../images/over-view-icon-6.png) no-repeat top left;
    padding: 0px 0px 0px 42px;
}

.over-view-img-7 {
    background: url(../images/over-view-icon-7.png) no-repeat top left;
    padding: 0px 0px 0px 42px;
}

/* .carousel-link .owl-carousel .owl-nav.disabled {
    display: block !important;
} */
.carousel-link .owl-carousel:hover .owl-nav.disabled {
    display: block !important;
}

.carousel-link .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 0;
    top: -10px;
}

.carousel-link .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 0;
    top: -10px;
}









#bottommenu {
    overflow-x: scroll;
}

.nav-link :active {
    margin: auto;
    color: #000;
}

div .listing-md {
    overflow: auto;
    white-space: nowrap;
    position: fixed;
    top: -20px;
    max-height: 100%;
    width: 94%;
    overflow-y: scroll;
    background: #ffff;
}


div .listing-md a {
    display: inline-block;
    text-align: center;
    padding: 14px;
    text-decoration: none;
    color: #a8a6a6;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}


.nav-pills .nav-link.active {
    background-color: #c6c6c6;
}

.hide {
    opacity: 0;

}

.show {
    opacity: 1;

}

.reviews-content {
    padding: 10px;
    border: 1px solid #b0adad;
    height: 200px;
}

.review-head h2 {
    font-size: 18px;
    font-weight: 500;
    padding: 16px 0px 16px 14px;
    margin: 0;
    color: #2e2c2c;
}

.reviews-content h2 {
    font-size: 14px;
    font-weight: 500;
    color: #2e2c2c;
    padding: 20px 0px 0px;
    list-style: none;
}

.reviews-content p {
    font-size: 14px;
    font-weight: 500;
    color: #929090;
    padding: 20px 0px 0px;
}

.plans a .more-button {
    border: 1px solid #a5c594;
    background: #2d7706;
    padding: 13px 0px 15px 0px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    margin: 18px 0px;
}

#reviews a {
    text-decoration: none;
}

#reviews {
    padding: 0px 13px;
}


.plans .owl-theme .owl-nav {
    margin-top: 0;
}

.fixed {
    position: fixed;
    z-index: 100;
    bottom: -1px;
    width: 100%;
}

.mob-btn.fixed a {
    border-right: 2px solid #ffffff;
}

.mob-btn.fixed a:nth-child(4) {
    border-right: 0px;
}

.mob-btn.fixed a {
    width: 25%;
    float: left;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #cdddc0;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
}







.radio-toolbar {}

.radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
    cursor: pointer;
}

.radio-toolbar label {
    display: inline-block;
    background-color: #FFF;
    /* padding: 10px 20px; */
    padding: 10px 0px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #929090;
    border-radius: 25px;
    margin-right: 10px;
    margin-top: 5px;
}

.radio-toolbar label:hover {
    cursor: pointer;
}

.radio-toolbar input[type="radio"]:focus+label {
    border: 2px dashed #444;
    cursor: pointer;
}

.radio-toolbar input[type="radio"]:checked+label {
    background-color: #2e7706;
    border: solid 1px #2e7706;
    color: #FFF;
    cursor: pointer;
}

.form-title {
    font-size: 14px;
    font-weight: 500;

    margin-bottom: 0px !important;
}

.form-title p {}

.indica {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0px;
}

.indspan {
    color: red;
}

.progress-form {
    position: relative;
}

.progress-form__tabs {
    position: absolute;
    display: inline-block;
}

#progress-form__panel-1 {
    /* margin-top: 40px; */
}

.form-btn button {
    border: 1px solid #a5c594;
    background: #2d7706;
    margin-top: 15px;
    /* padding: 13px 65px 15px 65px; */
    height: 50px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.form__field #address {
    float: none;
    width: 100%;
}

.form__field input {
    width: 100%;
}

.form__field input {
    width: 100%;
    margin-top: 5px;
    height: 35px;
}

.progress-form__tabs-item .step div {
    font-size: 12px;
}

.progress-form__tabs-item {
    font-size: 20px !important;
    margin: 0px 20px;
}

.login-form {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 28px;
}

.login-form .indica {
    text-align: right;
    padding-top: 14px;
}

.login {
    display: block !important;
}

/* .login input {
    float: none;
    width: 100%;
    background: #f6f6fa;
    border: 1px solid #d1d1d5;
    color: #2a2a33;
    font-size: 12px;
    font-weight: 400;
    height: 35px;
    padding-left: 10px;
} */

.conditions {
    font-size: 12px;
    font-weight: 400;
    color: #b2b2b4;
}

.login-submit a {
    text-decoration: none;
    color: #2d7706;
    font-size: 14px;
    font-weight: 500;
}

.login-submit .sign-in {}

.login-submit .submit-now {
    background: #2d7706;
    padding: 11px 25px;
    color: #ffff;
    font-size: 14px;
    font-weight: 500;
    float: right;
    border: 0px;
}

.login-banner {
    background: url(../images/login.jpg) repeat-y top center;

}

.login-image {
    background: url(../images/login-image.png) no-repeat center right;
    padding-top: 100px;
    height: 100vh;

}

.login .form-title {

    color: #2a2a33;
}




/*****************************listing**********************************/
.list-nav {
    /* padding-top: 13px; */
}

.list-nav .property {
    background: #2d7706;
    color: #ffff !important;
    padding: 7px 30px !important;
    height: 35px;
}

.list-nav .property span {
    background: #ffff;
    color: #2d7706;
    border-radius: 0px;
}

.list-nav .signin {
    padding: 7px 30px !important;
    height: 35px;
    border: none;
    background: #ffff;
}
.list-nav .signin-2 {
    padding: 7px 30px !important;
    height: 35px;
    border: none;
    background: #ffff;
    margin-right: -20px;
}

.list-img img {
    float: left;
    position: absolute;
    z-index: 1;
}

/* .list-projects {
    background: #ffff;
    position: relative;
    z-index: 99;
    margin: 0px 0px 0px 300px;
} */
.list-projects-border-bottom {
    background: #ffff;
    position: relative;
    z-index: 99;

    padding: 12px 0px 12px;
}

.list-border {
    border-bottom: 1px solid #e5e1e1;
}

.list-project-border {
    border: 1px solid #929090;
    margin: 0px 0px 17px;
}

.list-project-prize {
    color: #2e2c2c;
    font-weight: 500;
    font-size: 18px;
    margin: 0px;
    line-height: 14px;
}

.list-project-title h3 {
    font-size: 16px;
    font-weight: 500;
    color: #2e2c2c;
    margin: 0;
    line-height: 10px;
    padding: 15px 0px 0px;
}

.list-project-title p {
    font-size: 12px;
    font-weight: 400;
    color: #929090;
    padding: 8px 0px 0px;
    margin-bottom: 19px;
    line-height: 8px;
}

.list-project-location h3 {
    font-size: 12px;
    color: #2e2c2c;
    font-weight: 400;
    margin-bottom: 6px;
    line-height: 8px;
}

.list-project-location h3 span {
    font-size: 12px;
    color: #a1a0a0;
    font-weight: 400;
}

.list-project-location p {
    font-size: 12px;
    color: #2e2c2c;
    font-weight: 500;
    line-height: 11px;
}

.Possession-prize .list-status h3 {
    float: left;
    font-size: 12px;
    font-weight: 400;
    color: #2e2c2c;
    padding-right: 12px;
    margin-bottom: 5px;
    line-height: 10px;
}

.Possession-prize .list-status p {
    font-size: 12px;
    font-weight: 500;
    color: #a1a0a0;
    margin: 0px;
    line-height: 10px;
}

.Possession-prize .list-prize h3 {
    font-size: 12px;
    font-weight: 400;
    color: #2e2c2c;
    margin-bottom: 5px;
    line-height: 10px;
}

.Possession-prize .list-prize p {
    font-size: 12px;
    font-weight: 500;
    color: #a1a0a0;
    margin: 0;
    padding: 0;
    line-height: 10px;
}

.listing-sec {
    background: #f3f3f3;
}

.list-status {
    float: left;
}

.Possession-prize .list-status {
    border-right: 2px solid #e5e1e1;
}

.list-status {
    float: left;
}

.Possession-prize .list-status {
    margin: 0px 16px 0px 0px;
    border-right: 2px solid #e5e1e1;
}

.listing-footer-title {
    margin: 0px 0px 0px 20px;
}

.listing-card-footer {
    padding: 0px 18px 0px 0px;
}

.listing-footer-button {
    display: flex;
    float: right;
}

.listing-footer-title h3 {
    font-size: 12px;
    font-weight: 500;
    color: #2e2c2c;
    padding: 10px 0px 0px;
    line-height: 10px;
}

.listing-footer-title p {
    font-size: 12px;
    font-weight: 400;
    color: #a1a0a0;
    margin: 0;
    line-height: 10px;
    padding: 0px 0px 10px;
}

.listing-footer-button a {
    text-decoration: none;
    /* float: right; */
    padding: 10px 0px 0px;
}

.listing-footer-button .view-bt {
    border: #2d7706 1px solid;
    font-size: 14px;
    font-weight: 500;
    margin-right: 11px;
    color: #2d7706;
    padding: 10px 8px;
    text-decoration: none;
}

.listing-footer-button .contact-bt {
    background: #2d7706;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    padding: 11px 25px;
    text-decoration: none;
}

.Possession-prize {
    padding-bottom: 15px;
}

.list-projects {
    margin: 0px 18px 0px 21px;
}

.font-icon-rig {
    float: right;
}

.list-project-prize i {
    padding: 0;
}

.font-icon-rig img {
    padding: 0px 0px 0px 25px;
}

.listing-all {
    padding: 30px 0px 20px 0px;
}

.filter-dropdown {
    border: 1px solid lightgray;
    border-radius: 5px !important;
    margin-right: 7px;
    height: 38px;
}

.header-menu {
    border-bottom: 1px solid #b0adad;
}

.filter-container {
    margin: 12px 0px;
}

.errspan {
    float: right;
    margin-right: 10px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}

.plot-list-reference {
    padding: 20px;
}

.plot-list-reference .list-project-prize {
    color: #ffffff;
    font-weight: 500;
    font-size: 18px;
    margin: 0px;
    line-height: 14px;
    margin-top: 18px;
}

.plot-list-reference .listing-card-footer {
    padding: 0px;
    bottom: 0;
    padding-top: 92px;
}

.plot-list-reference .listing-card-footer .listing-footer-title h3 {
    color: #ffff;
    font-size: 14px;
    font-weight: 500;
}

.plot-list-reference .listing-card-footer .listing-footer-title p {
    color: #ffff;
    font-size: 12px;
    font-weight: 400;
}

.plot-list-reference .list-projects .list-project-prize .font-icon-rig a img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7493%) hue-rotate(79deg) brightness(100%) contrast(102%);
}

.plot-list-reference .listing-footer-button .view-bt {
    border: #ffffff 1px solid;
    font-size: 14px;
    font-weight: 500;
    margin-right: 11px;
    color: #ffffff;
    padding: 10px 8px;
    text-decoration: none;
}

.plot-list-reference .listing-footer-button .contact-bt {
    background: #ffffff;
    font-size: 14px;
    font-weight: 500;
    color: #2d7706;
    padding: 11px 25px;
    text-decoration: none;
}

.firstimage {
    width: 64%;
    float: left;
    margin-right: 10px;
    height: 400px;
}

.secontimage {
    width: 35%;
    float: left;
    height: 194px;
    margin-bottom: 6px;
}

.thirdimage {
    width: 35%;
    float: left;
    height: 195px;
    margin-top: 4px;
}

.listimagefit {
    object-fit: cover;
    min-height: 100% !important;
}

.menu {
    border-bottom: solid 1px #ccc;
}

/* .form-control {
    border: 0px;
} */

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}

:focus-visible {
    box-shadow: 0 0 0px 0px #fff, 0 0 0px 0px #edf5e7, 0 0 0px 0x #cdddc0;
    outline: -webkit-focus-ring-color auto 0px;
}

.pr0 {
    padding-right: 0px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.plot-list-reference h3 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0px;
}

.plot-list-reference .font-icon-rig a img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7493%) hue-rotate(79deg) brightness(100%) contrast(102%);
}

.plot-list-reference {
    color: #FFF;
    font-size: 12px;
}

.plot-list-reference-bottom {
    margin-top: 94px;
}


/**************************details form***************************/

.details-contact-seller h2 {
    font-size: 18px;
    font-weight: 500;
    padding: 0px 0px 16px 0px;
    margin: 0;
    color: #2e2c2c;
}

.seller-img {}

.seller-details h3 {
    font-size: 14px;
    color: #2e2c2c;
}

.seller-details h4 {
    font-size: 12px;
    color: #929090;
}

.seller-details p {
    font-size: 20px;
    color: #2e2c2c;
    font-weight: 500;
}


.contact-seller-form h3 {
    font-size: 14px;
    color: #929090;
    font-weight: 500;
    margin-bottom: 0px;
}

.contact-seller-form .btn-primary-submit {
    border: 1px solid #30a2e5;
    background: #30a2e5;
    text-align: center;

    border-radius: 0px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    padding: 13px 0px 15px 0px;
}

.seller-details {
    margin-top: 20px;
}

.contact-details {
    box-shadow: 0 0 26px 0 rgb(0 0 0 / 12%);
    padding: 5px;
    clear: both;
}

.contact-seller-form .form-control .form-check-input {
    border-radius: 0px;
    height: 7px !important;
    padding: 7px !important;
}

.form-check-input:checked {
    background-color: #2d7706;
    border-color: #0d6efd;
    height: 20px;
    width: 20px;
}

.contact-seller-form h4 {
    font-size: 14px;
    padding-top: 20px;
}

.contact-seller-form label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 10px;
}

.contact-seller-form .form-check-label {
    font-size: 12px;
    font-weight: 500;
    color: #929090;
    line-height: 1.5;
}

#name-error {
    font-size: 10px !important;
}

#phone-error {
    font-size: 10px !important;
}

#email-error {
    font-size: 10px !important;
}

.error {
    color: red;
    font-size: 10px;
}

.details-contact-seller .form-group .input-group button {
    border: 1px solid #b0adad;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0px;
}

.details-contact-seller .form-group .input-group #name {
    background: #f6f6fa;
    width: 100%;
}

.details-contact-seller .form-group .input-group #phone {
    background: #f6f6fa;
    width: 84%;
}
.details-contact-seller .form-group .input-group #location {
    background: #f6f6fa;
    width: 84%;
}

.details-contact-seller .form-group .input-group #email {
    background: #f6f6fa;
    width: 100%;
}

.details-contact-seller .form-group .input-group input {
    font-size: 14px;
    font-weight: 400;
    border-radius: 0px;
    border: 1px solid #d1d1d5;
}

.modal-pop-form-seller form .details-contact-seller .btn-close {
    float: right;
}

.contact-seller-form form {
    border: 0;
}

.modal-pop-form-seller {
    padding: 28px;
}


/*********************blog********************/
.blog-details {
    /* padding: 33px 0px; */
}

.blog-details h1 {
    margin-bottom: 17px;
    font-size:30px;
    font-weight: 600;
}

.blog-details h3 {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    margin-bottom: 27px;
}

.blog-details p {
    color: #444444;
    font-size: 16px;
    font-weight: 400;
    padding: 0px 0px 48px 0px;
    margin: 0px;
    /* line-height: 30px; */
}

.blog-details img {
    padding: 0px 0px 18px;
}

.blog-details-ad {
    /* padding: 33px 0px; */
}

.blog-details h4 {
    color: #2e2c2c;
    font-size: 16px;
    font-weight: 600;
}

.blog-details .content ol li p {
    color: #444444;
    font-size: 16px;
    font-weight: 400;
    padding: 0px;
}

.blog-details .content ol li {
    color: #444444;
    font-size: 16px;
    font-weight: 400;
    padding: 0px 0px 25px;
}

.movedown {
    margin-top: 9px;
}

.socialline {
    background: url(../images/line.jpg) repeat-x top center;
    margin-bottom: 10px;
    margin-top: 42px;
    height: 2px;
}

.socialline-txt {
    background: #FFF;
    font-size: 12px;
    color: #929090;
    position: relative;
    top: -22px;
    text-align: center;

    width: 104px;
    margin: 0px auto;
}

.loginhelp {
    font-size: 12px;
    color: #929090;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 0px;
}

.loginhelp a {
    text-decoration: none;
    color: #2d7706
}

.formrow {
    margin-bottom: 25px;
}

input[type=checkbox] {
    accent-color: #2e7706;
}

/******************************             Dashboard             ********************************/
.dashboard {
    margin-top: -180px;
}
.dashcard {
    background: #FFF;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px;
}

.dashboard-user-title {
    background: #FFF;
    border-radius: 10px;
    padding: 13px 16px 16px 16px;
    margin-bottom: 21px;
    content: '';
    display: block;
    top: 0;
    left: 0;
    background: linear-gradient(to right, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 80%);
}

.dashboard-user-title .user-name {
    padding: 13px 0px 0px 20px;
}

.dashboard-user-title .user-name h2 {
    font-size: 23px;
    font-weight: 500;
    margin: 0px 0px 12px;
    line-height: 12px;
}

.dashboard-user-title .user-name p {
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    line-height: 12px;
}




.dashboard-leads .lead-residential {
    border: 1px solid #30A2E5;
    border-radius: 10px;
    padding: 11px;
}

.dashboard-leads .lead-commercial {
    border: 1px solid #2d2c2c;
    border-radius: 10px;
    padding: 11px;
}

.dashboard-leads .lead-residential h2 {
    color: #30A2E5;
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}

.dashboard-leads .lead-residential p {
    color: #30A2E5;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.dashboard-leads .lead-commercial h2 {
    color: #2d2c2c;
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}

.dashboard-leads .lead-commercial p {
    color: #676767;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.dashboard-leads .lead-residential button {
    background: url(../images/right-arrow.png) no-repeat center right;
    width: 100%;
    border: none;
}

.dashboard-leads .lead-commercial button {
    background: url(../images/right-arrow.png) no-repeat center right;
    width: 100%;
    border: none;
}

.dashboard-leads .lead-title {
    position: relative;
}

.dashboard-leads .lead-title h3 {
    font-size: 16px;
    margin-bottom: 25px;
    font-weight: 500;
}

.dashboard-leads .lead-title p {
    color: #4f4d4d;
    font-size: 12px;
    font-weight: 500;
    right: 0;
    position: absolute;
}

.lead-residential-count {
    padding: 0px 0px 0px 10px;
}

.lead-commercial-count {
    padding: 0px 0px 0px 10px;
}

.upgrade-lead {
    background: #051082;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px;
}

.upgrade-lead p {
    font-size: 12px;
    font-weight: 500;
    margin: 15px 0px 15px 0px;
    color: #ffff;
}

.upgrade-lead button {
    padding: 12px 14px 14px;
    border: none;
    border-radius: 10px;
    background: #ffff;
    color: #2e2c2c;
    font-size: 14px;
    font-weight: 500;
    line-height: 12px;
}

.buy-listing {
    border-radius: 10px;
    padding: 23px 20px 13px 20px;
    margin-bottom: 25px;
    background: #ffff;
}

.buy-listing .buy-listing-title {
    position: relative;
    display: flex;
}

.buy-listing .buy-listing-title h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    line-height: 12px;
}

.buy-listing .buy-listing-title p {
    color: #2d7706;
    font-size: 12px;
    font-weight: 500;
    right: 0;
    position: absolute;
}

.lead-summary {
    padding: 33px 0px 0px;
}

.lead-summary p {
    border-bottom: #d6d6d6 2px solid;
    font-size: 12px;
    font-weight: 500;
    color: #2d2c2c;
    padding-bottom: 14px;
    margin-bottom: 18px;
    line-height: 12px;
}

.rent-list-title h3 {
    font-size: 16px;
    font-weight: 500;
    color: #2d2c2c;
    margin: 0;
    line-height: 12px;
}

.add-rent {
    padding: 61px 0px;
}

.add-rent a {
    text-decoration: none;
}

.add-rent p {
    color: #2d7706;
    font-size: 16px;
    font-weight: 500;
}

.questions-title h3 {
    font-size: 16px;
    font-weight: 500;
    color: #2d2c2c;
    line-height: 12px;
    margin-bottom: 16px;
}

.questions-title p {
    font-size: 12px;
    font-weight: 500;
    color: #2d2c2c;

}

.questions button {
    color: #30A2E5;
    font-size: 12px;
    font-weight: 500;
    background: #cdddc0;
    padding: 13px;
    border: none;
    border-radius: 10px;
}

.help-support button {
    color: #30A2E5;
    font-size: 12px;
    font-weight: 500;
    background: #cdddc0;
    padding: 13px;
    border: none;
    border-radius: 10px;
}

.help-support-title h3 {
    font-size: 16px;
    font-weight: 500;
    color: #2d2c2c;
    line-height: 12px;
    margin-bottom: 16px;
}

.help-support-title p {
    font-size: 12px;
    font-weight: 500;
    color: #2d2c2c;
}

.profile-menu {
    left: -14px !important;
    top: 40px !important;
    border-radius: 0px;
}

.profile-menu li a {
    color: rgb(0 0 0);
    font-weight: 500;
    font-size: 14px;

}

.user-icon-edit button {
    border: none;
    background: none;
    padding: 0px 30px;
}



/**********popup form**************/
.popup-edit .modal-content .modal-header {
    border-bottom: none;
}

.popup-edit .modal-title {
    font-size: 18px;
    padding-top: 20px;
    color: #2a2a33;
}

.popup-edit .modal-content .modal-body label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px !important;
    color: #2a2a33;
}

.popup-edit .modal-content .modal-body input {
    float: none;
    width: 96%;
    background: #f6f6fa;
    border: 1px solid #d1d1d5;
    color: #2a2a33;
    font-size: 12px;
    font-weight: 400;
    height: 35px;
    border-radius: 0
}

.popup-edit .modal-content .modal-body select {
    float: none;
    width: 96%;
    background: #f6f6fa;
    border: 1px solid #d1d1d5;
    color: #2a2a33;
    font-size: 12px;
    font-weight: 400;
    height: 35px;
    border-radius: 0;
}

.popup-edit .modal-content .modal-body form {
    display: block;
}

.popup-edit .modal-content .modal-body form .iti {
    display: block;
}

.popup-edit .modal-content .modal-body form .modal-footer {
    border: 0
}

.popup-edit .modal-content .modal-body form .modal-footer .cancle {
    color: rgb(0 0 0);
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #2d7706;
    padding: 7px 30px !important;
    height: 35px;
    background: #f0f0f0;
    border-radius: 0;
    margin-left: 25px;
}

.popup-edit .modal-content .modal-body form .modal-footer .save {
    background: #2d7706;
    color: #ffff !important;
    padding: 7px 30px !important;
    border: 1px solid #2d7706;
    height: 35px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 0
}

.variants {
    margin: 15px;
}

.file {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.file>input[type='file'] {
    display: none
}

.file>label {
    color: rgb(0 0 0);
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #2d7706;
    padding: 7px 30px !important;
    height: 35px;
    background: #f0f0f0;
    border-radius: 0;
    justify-content: center;
    align-items: center;
}

.popup-edit .modal-content .modal-body label .material-icons {
    font-style: normal;
}

.add-img-reference {
    color: #FFF;
    font-size: 12px;
    /* padding: 74px; */
    border-radius: 50%;
    width: 145px;
    height: 145px
}

.details-contact-help h2 {
    font-size: 18px;
    padding: 20px 28px 20px;
    margin: 0;
}

.help-listing-form input {

    float: none;
    width: 100% !important;
    background: #f6f6fa;
    border: 1px solid #d1d1d5;
    color: #2a2a33;
    font-size: 12px;
    font-weight: 400;
    height: 35px;
    padding-left: 10px;
}

.help-listing-form textarea {
    float: none;
    width: 100%;
    background: #f6f6fa;
    border: 1px solid #d1d1d5;
    color: #2a2a33;
    font-size: 12px;
    font-weight: 400;
    height: 35px;
    padding-left: 10px;
}

.help-listing-form .submit-now {
    background: #2d7706;
    padding: 11px 25px;
    color: #ffff;
    font-size: 14px;
    font-weight: 500;
    float: right;
    border: 0px;
}

.help-listing-form .submit-now:hover {
    background: #2d7706;
    padding: 11px 25px;
    color: #ffff;
    font-size: 14px;
    font-weight: 500;
    float: right;
    border: 0px;
}

.details-contact-help-header {
    position: relative;
    background: #cdddc0;
    border-radius: 5px 5px 0px 0px;
}

.details-contact-help-header button {
    position: absolute;
    right: 0;
    top: 10px;
}

.modal-help {
    position: fixed;
    top: auto;
    right: 20px;
    width: 381px;
    left: auto;
    bottom: 0;
}

.details-contact-help .form-group {
    padding: 0px 28px 28px;
}

.details-contact-help .indica {
    padding: 15px 28px 15px;
}
.password-container{
    position: relative;
  }
  .password-container input[type="password"],
  .password-container input[type="text"]{
    width: 100%;
    padding: 12px 36px 12px 12px;
    box-sizing: border-box;
  }
  .fa-eye {
    position: absolute;
    top: 30px;
    right: 10px;
    cursor: pointer;
    color: lightgray;
}
@media only screen and (min-width: 300px) {
    .dashboard-user-title {
        background: linear-gradient(to right, rgb(255, 255, 255) 92%, rgba(255, 255, 255, 0) 100%);
    }

    .dashboard-leads .lead-residential {
        margin-bottom: 15px;
    }

    .user-icon-edit button {
        padding: 0px;
    }

    .popup-edit .modal-content .modal-body form .modal-footer .cancle {
        font-size: 12px !important;
    }

    .popup-edit .modal-content .modal-body form .modal-footer .save {
        font-size: 12px !important;
    }

    .modal-help {
        right: 0;
        width: auto !important;
    }
}

@media only screen and (min-width: 900px) {
    .dashboard-user-title {
        background: linear-gradient(to right, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 80%);
    }

    .dashboard-leads .lead-residential {
        margin-bottom: 0px;
    }

    .user-icon-edit button {
        padding: 0px 30px;
    }

    .popup-edit .modal-content .modal-body form .modal-footer .cancle {
        font-size: 14px !important;
    }

    .popup-edit .modal-content .modal-body form .modal-footer .save {
        font-size: 14px !important;
    }

    .modal-help {
        right: 20px;
        width: 381px !important;
    }
}

/*****************************menu**********************************/

.menu-title {
    background: #FFF;
    padding: 15px 7px 13px 14px;
    /* margin-bottom: 21px; */
    border-bottom: 2px solid #e5e5e5;   
    display: block;
    top: 0;
    left: 0;
    background: linear-gradient(to right, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 80%);
}

.menu-title .user-name {
    padding: 9px 0px 0px 16px;
}
.menu-title .user-name h2 {
    font-size: 18px;
    line-height: 14px;
    margin-bottom: 8px;
}
.menu-title .user-name p {
    font-size: 11px;
    font-weight: 500;
    margin: 0px;
    line-height: 12px;
}
.menu-title button {
    color: #2c7208;
    font-size: 14px;
    font-weight: 500;
    background: #cdddc0;
    padding: 16px 25px;
    line-height: 12px;
    border: 1px solid #cdddc0;
    border-radius: 10px;
    margin: 0px 0px 0px 7px;
    position: absolute;
    right: 15px;
}
.add-menu-property .add-menu-property-btn {
    padding: 26px 0px 27px;
    border-bottom: 2px solid #e5e5e5;
}
.add-menu-property h2 {
    font-size: 16px;
    font-weight: 500;
    color: #2d2c2c;
    padding: 0px 13px 0px 13px;
    line-height: 12px;
    margin: 0px;
}

.add-menu-property .add-menu-property-btn .menu-search {
    color: #585858;
    font-size: 14px;
    font-weight: 500;
    background: #ffff;
    padding: 16px 15px 16px 15px;
    line-height: 12px;
    width: 100%;
    border: 1px solid #585858;
    border-radius: 10px;
    margin: 0px 7px 0px 6px;
    /* position: absolute;
    left: 0px; */
}
.add-menu-property .add-menu-property-btn .menu-property {
    color: #ffff;
    font-size: 14px;
    font-weight: 500;
    background: #30A2E5;
    padding: 12px 26px 15px 27px;
    border: none;
    position: absolute;
    right: 15px;
    border-radius: 10px;
    /* color: #2c7208;
    font-size: 14px;
    font-weight: 500;
    background: #cdddc0;
    padding: 16px 25px;
    line-height: 12px;
    border: 1px solid #cdddc0;
    border-radius: 10px;
    margin: 0px 0px 0px 7px;
    position: absolute;
    right: 15px; */
}
.recent-menu-activity{
    margin-bottom: 29px;
}
.recent-menu-activity .recent-menu-btn {
    padding-bottom: 34px;
    border-bottom: 2px solid #e5e5e5;
}
.recent-menu-activity h2 {
    font-size: 16px;
    font-weight: 500;
    color: #2d2c2c;
    padding: 0px 13px 0px 13px;
    margin: 20px 0px 24px;
    line-height: 12px;
}

.recent-menu-activity .recent-menu-btn .menu-Contacted {
    color: #585858;
    font-size: 14px;
    font-weight: 500;
    background: #ffff;
    padding: 11px 15px 21px 15px;
    line-height: 12px;
    width: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    margin: 0px 7px 0px 6px;
    /* position: absolute;
    left: 0px; */
}

.recent-menu-activity .recent-menu-btn .menu-Saved {
    color: #585858;
    font-size: 14px;
    font-weight: 500;
    background: #ffff;
    padding: 11px 15px 21px 15px;
    line-height: 12px;
    width: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    /* margin: 0px 7px 0px 6px; */
    /* position: absolute;
    left: 0px; */
}

.recent-menu-activity .recent-menu-btn .menu-recent-search {
    color: #585858;
    font-size: 14px;
    font-weight: 500;
    background: #ffff;
    padding: 11px 15px 21px 15px;
    line-height: 12px;
    width: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    margin: 0px 7px 0px 6px;
    position: relative;
    right: 15px;
}
.menu-Contacted img{
    padding: 0px 0px 7px 0px;
}
.menu-Saved img{
    padding: 0px 0px 7px 0px;
}
.menu-recent-search img {
    padding: 0px 0px 7px 0px;
}
.menu-Contacted h6{
    font-size: 14px;
    color: #585858;
    text-align: center;
    margin: 0;
    line-height: 14px;
}
.menu-Saved h6{
    font-size: 14px;
    color: #585858;
    text-align: center;
    margin: 0;
    line-height: 14px;
}
.menu-recent-search h6{
    font-size: 14px;
    color: #585858;
    text-align: center;
    margin: 0;
    line-height: 14px;
}
.blank-menu-property .blank-menu-property-btn {
    padding-bottom: 27px;
    text-align: center;
    /* border-bottom: 2px solid #e5e5e5; */
}
.blank-menu-property h2 {
    font-size: 16px;
    font-weight: 500;
    color: #2d2c2c;
    padding: 0px 13px 0px 13px;
    margin-bottom: 26px;
    line-height: 12px;
}
.blank-menu-property .blank-menu-property-btn .menu-search {
    color: #585858;
    font-size: 14px;
    font-weight: 500;
    background: #ffff;
    padding: 16px 172px 16px;
    line-height: 12px;
    /* width: 100%; */
    border: 1px solid #585858;
    border-radius: 10px;
    margin: 0px 7px 0px 6px;
}
.add-menu-property{
    margin: 21px 0px 0px 0px;
}


/*************************    lead-listing     *************************/

.lead-listing-title {
    background: #FFF;
    border-radius: 10px;
    padding: 13px 16px 450px 16px;
    margin-bottom: 21px;
    
}

.lead-listing-title .user-name {
    padding: 13px 0px 0px 20px;
}

.lead-listing-title .user-name h2 {
    font-size: 18px;
    font-weight: 500;
    margin: 0px 0px 12px;
    line-height: 12px;
}

.lead-listing-title .user-name p {
    font-size: 11px;
    font-weight: 500;
    margin: 0px;
    line-height: 12px;
}

.lead-user-title {
    background: #FFF;
    border-radius: 10px;
    padding: 14px 16px 13px 16px;
    margin-bottom: 21px;
    position: relative;
}

.user-intrest {
    padding: 8px 0px 10px 25px;
}

.lead-user-title .user-intrest .title-card h2 {
    font-size: 16px;
    font-weight: 500;
    color: #2d2c2c;
    margin-bottom: 13px;
    line-height: 12px;
}

.lead-user-title .user-intrest .title-card p {
    font-size: 14px;
    font-weight: 400;
    color: #201c1c;
    position: absolute;
    right: 16px;
}

.lead-user-title .user-intrest p {
    font-size: 12px;
    font-weight: 500;
    color: #656565;
    line-height: 12px;
    margin-bottom: 17px;
}

.lead-user-title .user-intrest h3 {
    font-size: 14px;
    font-weight: 500;
    color: #201c1c;
    margin: 0;
}
.lead-user-title .share{
    padding-left: 25px;
}
.lead-user-title .share button {
    font-size: 12px;
    font-weight: 400;
    color: #87898b;
    border: none;
    background: #ffff;
    padding: 13px 10px 15px 10px;
    line-height: 12px;
}

.lead-user-title .share button img {
    padding-right: 10px;
}

.lead-user-title .report button {
    font-size: 12px;
    font-weight: 400;
    color: #87898b;
    border: none;
    background: #ffff;
    padding: 13px 10px 15px 10px;
    line-height: 12px;
}

.lead-user-title .report button img {
    padding-right: 10px;
}

.lead-user-title .contact-lead button {
    font-size: 14px;
    font-weight: 500;
    color: #87898b;
    border: 1px solid #7f7f7f;
    background: #ffff;
    padding: 13px 10px 15px 10px;
    line-height: 12px;
    position: absolute;
    right: 16px;
    bottom: 16px;
}
.lead-user-button{
    display: flex;
}
#moredetails .modal-header{
    display: flex !important;
}
#moredetails .modal-title{
    font-size: 18px;
    padding-top: 20px;
    color: #2a2a33;
    text-align: center;
}
#moredetails .modal-body form{
    display: block !important;

}
#moredetails .modal-header{
    border: none !important;
    display: block !important;
}
#moredetails .modal-body form button {
    background: #2d7706;
    color: #ffff !important;
    padding: 7px 30px !important;
    border: 1px solid #2d7706;
    height: 35px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    border-radius: 0;
}
#moredetails .modal-body textarea{
    float: none;
    width: 100%;
    background: #f6f6fa;
    border: 1px solid #d1d1d5;
    color: #2a2a33;
    font-size: 12px;
    font-weight: 400;
    height: 85px;
    border-radius: 0;
}
.popup-more{
    width: 100%;
}
.popup-more .modal-content .modal-header .btn-close {
    position: absolute;
    z-index: 99;
    top: -27px;
    right: 15px;
}

#sharefeedback .modal-header{
    display: flex !important;
}
#sharefeedback .modal-title{
    font-size: 18px;
    padding-top: 20px;
    color: #2a2a33;
    text-align: center;
}
#sharefeedback .modal-body form{
    display: block !important;

}
#sharefeedback .modal-header{
    border: none !important;
    display: block !important;
}
#sharefeedback .modal-body form button {
    background: #2d7706;
    color: #ffff !important;
    padding: 7px 30px !important;
    border: 1px solid #2d7706;
    height: 35px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    border-radius: 0;
}
#sharefeedback .modal-body textarea{
    float: none;
    width: 100%;
    background: #f6f6fa;
    border: 1px solid #d1d1d5;
    color: #2a2a33;
    font-size: 12px;
    font-weight: 400;
    height: 85px;
    border-radius: 0;
}
#sharefeedback .modal-body textarea{
    float: none;
    width: 100%;
    background: #f6f6fa;
    border: 1px solid #d1d1d5;
    color: #2a2a33;
    font-size: 12px;
    font-weight: 400;
    height: 85px;
    border-radius: 0;
}
.menu-add a:hover{
    background: #cdddc0;
}
.menu-add .dropdown button{
    margin: auto 25px 0px 0px !important;
}
.menu-add .dropdown button:hover{
   background:#cdddc0 ;
}
.navbar-new{
    position: relative;
    left: 0px;
    background: rgb(255, 255, 255);
    margin-top: 0;
}
.menu-add a{
    border: none !important;
}
.menu-add .dropdown button{
    border: none !important;
}


/* bottom menu */
.phone-bottom-menu{ background: #ebffe1; padding: 3px;position: fixed;bottom: 0px;width: 100%;z-index: 100;}
.phone-bottom-menu a{text-align: center; font-size: 12px;}
.home-icon-m{ width: 100%; position: relative; text-align: center;}
.home-icon-m a{color: #30A2E5; font-weight: 600; text-decoration: none;}
.add-icon-m{width: 100%; position: relative; text-align: center;}
.add-icon-m a{color: #30A2E5; font-weight: 600; text-decoration: none;}
.search-icon-m{width: 100%; position: relative; text-align: center;}
.search-icon-m a{color: #30A2E5; font-weight: 600; text-decoration: none;}
.even-icon{ position: absolute; width: 100%;}
.even-icon img{width:24px; height: 25px;}
.odd-icon{ position: absolute; width: 100%; top: -20px;}
.odd-icon img{width:44px; height: 45px;}
.even-icon-txt{ padding-top: 24px;}
.odd-icon-txt{ padding-top: 24px;}
#message{
    width: 100%;
}

/* leads-popup */


.modal{
    --bs-modal-width: 400px;
}
.navbar-brand h3 {
    margin-bottom: 0px;
    color: #30A2E5;
    font-weight: 700;
}

.leaddetails{
    padding-inline: 10px;
    margin-bottom: 0rem;
}
.double{
    padding-inline: 10px;
}
#leadDetailLabel{
    padding-top: 0px;
    font-size: 20px;
}

.changepassword-form .indica {
    text-align: right;
    padding-top: 14px;
}
.changepassword-form input {
    float: none;
    width: 100%;
    background: #f6f6fa;
    border: 1px solid #d1d1d5;
    color: #2a2a33;
    font-size: 12px;
    font-weight: 400;
    height: 35px;

    padding-left: 10px;

}
.changepassword-form p{
    padding-bottom: 10px;
}

/* 12-12-2023 */

.flash-message{
    position: absolute;
    font-size: 15px;
    color: black;
    bottom: 20%;
    font-weight: 500;
}
.alert{
    padding-block: 6px;
    border-radius: 0px;
    padding-inline: 10px;
    width: fit-content;
    margin-right: 8px;
    float: right;
}
.index-form{ background: #FFF;border-radius: 10px; padding:15px}
.index-form h2{ font-size: 24px;}
.input-group > .form-control, .input-group > .form-select, .input-group > .form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #000; border: solid 1px; background: #FFF;
}
.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important;color: #000;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #666565;
}