.content {
    height: 220px;
}
.content .bd {
    font-size: 15px !important;
  
  .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    color: black !important;
    list-style: none;
}
  
}
.location-card {
    padding: 0px !important;
    margin-bottom: 10px;
    margin-top: 10px;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.home1-location-area .location-card .location-img img {
    height: 230px;
    width: 100%;
    border-radius: 5px;
    transition: .35s;
}

.bhk img {
    height: 200px;
    padding: 0px !important;
    box-shadow: none !important;
    width: 100%;
}

.company-logo img {
    padding: 10px;
    height: 102px;
    width: 204px !important;
} 

    @media (min-width: 1400px) and (max-width: 1599px){
        .hero4 .hero-wapper {
            padding: 94px 13% !important;
        }} 
        .Button_btn-flat__reylC,
        .Button_btn-normal__qm5aq,
        .Button_btn-outline__HBcSe {
            color: #fff;
            background-color: #24447a;
        }

        .Button_btn_full__zsFqP {
            width: 100% !important;
        }

        .offer_img {
            width: 100%;
        }

        .btn_dwon .Button_btn__Sd2L1 {
            text-align: center;
            margin: 0px 11px;
        }

        a.Button_btn__Sd2L1 {
            width: 100%;
            background: #24447a;
            color: white;
            padding: 10px;
            border-radius: 10px;
        }
        .hero4::before {
    position: relative;
    content: "";
    background-color: none;
    width: 100%;
    opacity: 1;
    height: auto !important;
}
.content .bd {
    margin-bottom: 0;
    font-size: 17px !important;
    font-weight: 400;
    color: black;
    font-family: var(--font-work-sans);
}
.hero4{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding:21px;
}
:root {
    --avatar-size: 2.5rem;
    /* change this value anything, e.g., 100px, 10rem, etc. */
}
.circle {
            background-color: #ccc;
            border-radius: 50%;
            height: var(--avatar-size);
            text-align: center;
            width: var(--avatar-size);
        }

        .initials {
            font-size: calc(var(--avatar-size) / 2); /* 50% of parent */
            line-height: 1;
            position: relative;
            top: calc(var(--avatar-size) / 4); /* 25% of parent */
        }
        
        .mobile{
             display:none;
        }
         @media  (max-width: 599px){
        .desktop{
            display:none;
        } 
        .mobile{
             display:block!important;
        }
             
         }