.container{padding-left: 7%;
padding-right: 2%;
background-color: #f8f8f8; 
padding-bottom: 100px;}

#propertyListings{
  display: flex;
  flex-wrap:wrap;
  width: 100%;
}

.no_active_properties_found{
  display: flex;
      text-align: center;
      width: 100%;
      justify-content: center;
      border: 1px solid #fdfdfd;
      margin-top: 15px;
      font-family: 'Poppins', sans-serif;
}
 
.text-section-one {
    display: flex;
    width: 100%;
    font-family: 'Poppins';
    font-size: 11px;
    color: #706b6b;
    padding-left: 0%;
    letter-spacing: .5px;
    align-items: center;
    padding-top: 10px;
margin-bottom:10px;}

    .right-textar {
        font-size: 8px;
        margin-left: 2px;
        margin-right: 2px;
        margin-top: 2px;
    }

    /* start first section here */


.tag-one{width: 100%;
display:flex;
margin-top: 10px;}

.h3-t{background-color:rgba(0,115,225,.85);
font-family:'poppins';
letter-spacing: .5px;
font-size: 13px;
margin-left: 10px;
border-radius: 5px;
padding: 5px 10px;
color: white;
font-weight: 500;
transition: all .3s;
cursor: pointer;
text-transform: capitalize;
}

.h3-t:hover{background-color:#0b6bc4;}

.t1{margin-left: 0px;}

.none{margin-left: 0px;}

.first-sectiondiv{width: 100%;
display: flex;
}

.first-section-one{width: 60%;
display: flex;
flex-direction: column;}


h1{    margin-bottom: 0;
    display: inline;
    float: left;
    width: auto;
    max-width: 100%;
    font-size: 35px;
    line-height: 1.1;
    color: #222;
    font-family:'poppins';
margin-top: 24px;
margin-bottom: 10px;
letter-spacing:.5px;
text-transform: capitalize;}

.location-selectdiv{    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 10px;
    color: #5c727d;
font-family: 'Roboto',sans-serif;
letter-spacing: .5px;
}

.locationdot-span{    margin-right: 3px;
    font-size: 12px;
    color: #5c727d;}

    .location-selectdiv a{text-decoration: none;
    color: #222;
transition: all .3s;
}

.location-selectdiv a:hover{color:rgba(11, 125, 233, 0.85);}

.first-section-two{width: 40%;
display: flex;
flex-direction: column;
justify-content:center;
align-items:end;
padding-right: 10%;
font-family: 'roboto', sans-serif;
color: #0b6bc4;
}

.h3-balance{font-size: 16px;
font-family:'poppins';
font-weight: 500;}

.h3-balance-two{
    font-size:30px;
font-family:'Open',sans-serif;
font-weight: bold;
line-height: 30px;
margin-top: 10px;
color: #0073e1;
}
/* end first section here */

/* start right left fixed div here @@@*/

.right-left-fixed{width: 100%;
position: relative;
display: flex;

}

.right-left-fixed-one{width: 70%;
    margin-right: 2%;

}

.right-left-fixed-two{width: 30%;
height:fit-content;
position: sticky;
top: 0px;
}

/* start sliding image here */
.slide-imagesdiv{
    margin-top: 15px;
    margin-bottom: 10px;
}

.copy-paste-divimg{width: 100%;
    position: relative;
}

.listing_img_ss_dsf{
    border-radius: 8px;
    width: 100%;
}

.listing_img_ss_dsf_two{
    /* min-height: 574px; */
    /* max-height: 600px; */
}

.copy-paste-divimg_sdfsd{
  width: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-fixedpoint{position: absolute;
top: 0px;
left: 0px;
right: 0px;
display:flex;
padding-left: 15px;
padding-top: 10px;
}

.point-imgone{    width: 40px;
    height: 40px;
    z-index: 2;
    cursor: pointer;
    border-radius: 4px;
    margin-right: 5px;
    background-color: #0073e1d4;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    visibility: hidden;
}

.sent_request_donemess{
  font-family: 'Poppins';
  color: #16c60c;
  letter-spacing: .4px;
  font-size: 14px;
}

.right-fix-imgthree{display: flex;
justify-content: end;
align-items: center;
width: 84%;}

.right_tag_on_img{    position: relative;
    z-index: 50;
    float: left;
    margin-left: 10px;
    margin-top: 15px;
    padding: 2px 20px;
    font-size: 13px;
    color: #fdfdfd;
    -webkit-box-shadow: 3px 1px 20px 0 rgba(0,110,225,.08);
    box-shadow: 3px 1px 20px 0 rgba(0,110,225,.08);
    background-color: rgba(0,115,225,.85);
    line-height: 1.65em;
    border-radius: 4px;
    text-decoration: none;
    font-family:'Poppins';
    text-transform: capitalize;
  font-weight:500;}

/* end sliding image here */


/* start overview here */
.overview-second-section{
    width: 100%;
    border-radius: 8px;
    background-color: #fff;
    font-family: 'Poppins';
    padding:15px 20px;    
    margin-top: 10px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.over-viewcopymain{display: flex;
width: 100%;
margin-top: 10px;
padding-left: 3%;
padding-right: 3%;}

.copy-pasteoverview{display: flex;
align-items: center;
flex-direction: column;
width: auto;
margin-left: 13%;
/* width: 100%; */
}

.icon-overview{height: 42px;}

.icon-overview img{width: 32px;
height: 32px;}

.text-overview{margin: 0px;
padding: 0px;
font-size: 14px;
position:relative;}

.squrretop{
position: absolute;
right: 3px;
top: -3px;
font-size: 11px;}
/* end overview here */

h4{    color: #222;
    padding-bottom: 10px;
    font-family: 'Poppins';
    letter-spacing: .5px;
    text-transform: capitalize;
  }

h5{      color: #2e2c2c;
    font-family: 'Montserrat';
    letter-spacing: .5px;
    margin-top: 20px;
    margin-left: 1.1%;
}

.threecolumn-table{width: 100%;
}

.threecolumn-table tr{
  width: 100%;
  display: flex;
  flex-wrap: wrap;}

.threecolumn-table .td1 strong{font-family:'Montserrat';
color: #222;
font-weight: 600;
}

.threecolumn-table .td1 .textg-dfs{color:#6c6c6c;
font-family: 'Poppins';}

.threecolumn-table .td1{line-height: 37px;
font-size: 15px;
width: 33%;}


.btn-googlemap{margin-top: 10px;}

.btn-googlemap a{    background-color: #69c17d;
    color: #fff!important;
    padding: 1px 6px;
    clear: both;
    margin-top: 10px;
    transition: background-color .1s linear;
    font-size: 13px;
    border-radius: 4px;
    line-height: 1.65em;
    text-decoration: none;
}

.textg-dfs{position: relative;}

.squre-two{    position: absolute;
    right: -8px;
    top: -11px;
    font-size: 11px;}

    /*start features div here  */

.features-new{width: 90%;
display: flex;
margin-left: 1%;
flex-wrap: wrap;
}

.features-contentd{display: flex;
width: 32%;
margin-left: 1%;
align-items: center;
color: #5c727d;
font-size: 14px;
letter-spacing: .5px;
margin-top: 10px;
}

.svg-featuresspan{margin-top: 6px;
margin-right: 4px;}

.svg-feature{fill: #0073e1;
}

.features-section{padding-bottom: 20px;}


/* start floor planing section here */

.floor-planing-section{padding-bottom: 30px;}

.floor-section-toptext{display: flex;
background-color: #f8f8f8;
    padding: 5px 10px 10px 10px;
}

.first-text-here{width: 100%;
display: flex;
align-items: center;}

.second-text-here{width: 100%;
display: flex;
justify-content: end;
align-items: center;}

.text-span{font-family:'Roboto';
letter-spacing: .5px;
color: #6c6c6c;
width: 100%;
text-align: center;
transition: all .2s;}

.text-span:hover{color: #0073e1;
}

.img-map{width: 100%;
display: flex;
align-items: center;
justify-content: center;}

.img-map img{width: 90%;}

p{font-family: 'Montserrat';
letter-spacing: .5px;
line-height: 25px;
color:#818181;
margin-top: 10px;
}
/* start floor planing section here */

/* start related property section here */

/* start propertiest listed  */

.loop-divdatafetch{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  
  .copy-project-detailsh{width: 32%;
    box-shadow: 0 10px 31px 0 rgba(7, 152, 255, 0.09);
        margin-top: 30px;
        padding:10px 5px;
        border-radius: 5px;
    }
  
  .img-project-section{position: relative;
    overflow: hidden;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  }
  
  .img-project-section img{width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: all .4s;
  }
  
  .img-project-section img:hover{transform: scale(1.1);}
  
  .top-project-show{position: absolute;
  top: 15px;
  display: flex;
  width: 100%;
  }
  
  .bottom-project-show{position: absolute;
    bottom: 15px;
    display: flex;
    width: 100%;}
  
  .top-project-show-one{width: 50%;}
  
  .span-top-project{
    background-color: rgb(105 193 125 / 85%);
    color: #fff;
    font-family: open,sans-serif;
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 2px;
    margin-left: 10%;
  }
  
  .top-project-show-two{width: 100%;
  display:flex;
  justify-content: end;
  }
  
  .span-top-project1{    background-color: rgb(105 193 125 / 85%);
    color: #fff;
    font-family: open,sans-serif;
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 2px;
    margin-right:5%;
  background-color: rgba(0, 115, 225, 0.85);
  }
  
  .span-top-projectb{
    color: #fff;
    font-family: open,sans-serif;
    font-size: 15px;
    border-radius: 2px;
    padding:5px 5px 5px 5px;
  }
  
  .top-project-show-onebn{  color: #fff;
    font-family:'Poppins';
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 2px;
    margin-right:5%;
  font-weight:500;
  letter-spacing: .5px;
  width: 100%;
  }
  
  .top-project-show-twob{width:50%;
    display:flex;
    justify-content: end;
  }
  
  .onepdsffsd{display:flex;
  }
  
  .description-sectionp{width: 100%;
    padding-left: 5%;
    padding-right: 2%;
  }
  
  .description-h2{font-family: 'Roboto',sans-serif;
  font-size: 20px;
  line-height: 25px;
  }
  
  .description-h2 a{text-decoration: none;
  color: #222;
  display: block;
  margin-top: 15px;
  transition: all .2s;
  text-transform: capitalize;
  }
  
  .description-h2 a:hover{color: #0074e1;
  }
  
  .a-price-r{text-decoration: none;
    color: #0074e1;
    display: block;
    margin-top: 8px;
    transition: all .2s;
    font-family: 'Roboto',sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
  }
  
  .p-pricepara{font-family: 'Roboto';
  font-size: 13px;
  color: #878787;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  }
  
  .five-section-in{
    display: flex;
    font-family: 'Poppins';
    letter-spacing: .5px;
    margin-top: 10px;
  }
  
  .two-paragraph-s{display:flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: #5c727d;
  font-family: 'poppins';
  }
  
  .icon-project{display: flex;
  margin-right: 4px;}
  
  .svg-cated{fill:#5c727d;}
  
  .two-paragraph-sm{margin-left: 10px;}
  
  .read-big{ font-family: 'Poppins';
  font-size: 15px;
  font-weight: 400;
  margin-top: 8px;
  letter-spacing: .5px; 
  color: #5c727d;
  }

  
/* start recomended project section here */

.load-more{width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    flex-direction: column;
    }
    
    .load-more button{text-decoration: none;
        color: white;
        background-color: #0073e1;
        font-family: 'Roboto';
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .5px;
        padding: 10px 25px;
        border-radius: 4px;
        transition: all .3s ease-out;
        background-position: right bottom;
        border:1px solid transparent;
        cursor: pointer;
    }
    
    .load-more button:hover{
        background-position: left bottom;
        background: linear-gradient(to right, white 50%, #0073e1 50%);
        background-size: 200% 100%;
        color:#0073e1;
        border:1px solid #0073e1;
    }
    
    #not_found_data{
      display: flex;
      align-items: center;
      font-size: 18px;
      margin-bottom: 10px;
      display: none;
    }
    
  .not_found_icon_img{
    width: 64px;
    margin-left: 5px;
  }

  /* end load listing here */
  
  .related-property h4{margin-top: 30px;
    margin-bottom: -15px;
    padding-bottom: 0px;
}
/* end related property section here */











    /*end features div here  */

.nonemargin{margin-left: 0px;}
/* @@@end right left fixed div here */







/*start right left fixed div two here */

.agen-contact-div{width: 100%;
background-color: #fff;
padding: 5% 8%;
border-radius: 8px;
margin-top: 15px;}

.agen-contact-div h4{    color: #303030;
    font-size: 22px;
    font-weight: 500;
    line-height: 20px;
    font-family:'Poppins';
letter-spacing: .3px;
}

.number-merg{display: flex;
width: 100%;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
}

.name-span{    color: #303030;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding-right: 6px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
font-family: 'Poppins';
}

.number-span{    color: #303030;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    display: block;
font-family: 'poppins';}

.contact-btn{width: 100%;
background-color:#0074e1;
padding: 10px 15px;
border-radius: 30px;
font-family:'Montserrat',Helvetica,Arial,sans-serif;
font-weight: 600;
border: none;
outline: none;
color: white;
letter-spacing: .5px;
font-size: 17px;
margin-top: 10px;
margin-bottom: 20px;
cursor: pointer;}

.img-fixed{width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 15px;
}

.img-fixed img{width: 100%;
}

/*end right left fixed div two here */


/* start pop css here **** */
  
.customer_resupest_pop{
  display:none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;

}

.customer_request_pop_one{
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 40%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}


.form_customer_request_pop h3{
  text-align: center;
  font-family: 'Poppins',sans-serif;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: .4px;
}


.main_input_div_here{
  display: flex;
  flex-direction: column;
  /* margin-top: 20px; */
}

.copy_input_paste_sdf{
  margin-top: 6px;
}

.copy_input_paste_sdf h4{
  padding-bottom: 0px;
  font-family: 'Rubik';
  font-weight: 500;
  letter-spacing: .7px;
  line-height: 15px;
  color: #091E42;
  font-size:14px;
  display: block;
  margin-top: 10px;
  margin-bottom: 5px;
}

.asdfsdf_important_sds{
  display: flex;
  width: 100%;
  align-items: center
}

.radio_input{
display:flex;
align-items: center;
margin-left: 4%;
}

.margin_left_0{
  margin-left: 0px;
}

.pop_label_class{
  font-family: 'Poppins',sans-serif;
  font-weight: 500;
}

.radio_pop_label{
  margin-left: 5px;
}

.pop_label_class{
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: .5px;
}

.input_box_sdf_sdf{
  width: 75%;
  padding: 13px;
  border-radius: 8px;
  border: 2px solid #b9b6b6;
  font-family: 'Poppins',sans-serif;
}

.input_box_sdf_sdf:focus{
  border: 2px solid #b9b6b6;
}


#submit_rquest{
  text-shadow: none;
  margin-bottom: 10px;
  text-transform: capitalize;
  padding: 5px 34px;
  border: 1px solid;
  line-height: 28px;
  border-color: #0073e1;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  background-color: #0073e1;
  display: inline-block;
  text-decoration: none;
  border-radius: 5px;
  margin-top: 25px;
  transition: all .5s ease-out;
  background-position: right bottom;
  cursor: pointer;
}

#submit_rquest:hover{
  background-position: left bottom;
    background: linear-gradient(to right,  #fff 50%, #0073e1 50%);
    background-size: 200% 100%;
    color: #0073e1;
}

.btn_close_section{
  position: absolute;
  right: 0px;
  font-size: 17px;
  margin-right: 16px;
  border: 1px solid black;
  border-radius: 100%;
  color: red;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.handle_error{
  font-size: 13px;
  font-family: 'Poppins',sans-serif;
  color: red;
}


/* end pop css here **** */



/* start some extra code we paste here*** */
.verified_tag{
  color: #0b6bc4;
  background-color: #e7f3ff;
}

.not_verified_tag{
    color: #b3b3b3;
    background-color: #f8f9fa;
}


/* start css code for image category show in the bottom of the image ****  */

.img_fixed_point_bottom{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  padding: 15px;
  margin-bottom:0px;
  background-color:#0000003f;
  color: white;
  font-family: 'Poppins',sans-serif;
  font-size: 16px;
  letter-spacing: .5px;
  font-weight: 500;
  justify-content: center;}


/* end css code for image category show in the bottom of the image ****  */


/* add social media btns css start here*** */
.mian_share_btn{
  margin-top: 10px;
  display: flex;
}

.anchor_sharea{
  text-decoration: none;
  width: 35px;
  padding: 5px;
  background-color: white;
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-left: 5px;
  padding-bottom: 0px;
}

.anchor_sharea img{
  width: 100%;
}

/* add social media btns css end here*** */

/* end some extra code we paste here*** */

@media (max-width:900px){

  /* .listing_img_ss_dsf_two{
    height:250px;
  } */

  .container{
    padding-left: 3%;
    padding-right: 3%;
  }

  .first-sectiondiv{flex-direction: column;}

  .first-section-one{width: 100%;}

  .first-section-two{
    width: 100%;
    align-items: start;
    margin-top: 22px;
    margin-bottom: 22px;
  }

  .h3-t{
    white-space:nowrap;
  }

  .right-left-fixed{
    flex-direction: column;
  }

  .right-left-fixed-one{
    width: 100%;
  }

  .right-fix-imgthree{
    width:70%;
  }

  .right-fix-imgthree a{
    margin-top: 0px;
    font-size: 13px;
  }

  .over-viewcopymain{
    flex-wrap: wrap;
  }

  .copy-pasteoverview{
    width: 31%;
    margin-left: 2%;
  }

  .text-overview{
    font-size: small;
  }


  .over-viewcopymain{
    padding-left: 1%;
    padding-right: 1%;
  }

  .over-viewcopymain{
    margin-top: 0px;
  }

  .copy-pasteoverview{
    margin-top: 10px;
  }

  .threecolumn-table .td1{
    width: 100%;
  }

  .right-left-fixed-two{
    width: 100%;
  }

  .copy-project-detailsh{
    width: 100%;
  }



}