@media (min-width: 1200px) {


    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl {

        max-width: 1280px;
    }
}
@font-face {
    src: url('fonts/avenirltstd-roman-webfont.woff2') format('woff2'),
         url('fonts/avenirltstd-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir_lt_std55_book';
    src: url('fonts/AvenirLTStd-Book.otf') format('woff');
    font-weight: normal;
    font-style: normal;
}

#addAreaDiv .new-area-field {
	width: calc(100% - 130px);
	display: flex;
}
#addAreaDiv .new-area-field input {
	width: calc(100% - 90px);
}
#addAreaDiv .new-area-field button {
	width: 80px;
    margin-left: 8px;
    background-color: #0ea800;
    color: #fff;
    border: 0;
    font-size: 14px;
    border-radius: 5px;
}
.table-user-prop-list form .is_sold {
	background: #fff;
    border: 0;
}
.table-user-prop-list form .is_sold i {
	border: 3px solid rgba(12, 151, 0, 1);
    width: 22px;
    height: 22px;
    border-radius: 4px;
}
input:focus, input:active {
    box-shadow: 0 0 0!important;
}
.while-here-container-map #map {
	box-shadow: 0px 0px 19px -3px #aaa;
}
div.home-container-map {
	padding: 30px;
}
div.while-here-container-map {
	padding: 0px;
	padding-bottom: 0px;
}
.while-here-container-map h2 {
	font-size: 40px;
    color: var(--grencolor);
    margin-bottom: 30px;
    font-weight: 600;
    text-transform: uppercase;
}
.while-here-container-map h2.align-center {
	text-align: center;
}
.legal-prop-wrapper {
	padding: 15px;
}
.legal-prop-wrapper .add-video-block select, .legal-prop-wrapper .add-video-block .legal-link {
	width: 45%;
	margin-right: 2%;
}
.property-content-block.private-property-wrapper {
	border-top: 4px solid #0ea800;
    max-width: 1260px;
    margin: 0px auto;
}
.search-tab-listing-private {
	margin-top: 20px;
}
.search-listing-con-private {
	width: 100%;
}
.search-prop-desc p {
	color: #333;
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.3em;
}
.privacy-heading {
	background: #efe;
    padding: 20px;
    margin-bottom: 20px;	
}
.main-register-page .privacy-heading h3.register-section-head {
	margin-top: 0;
}
.privacy-heading p {
    font-size: 14px;
    line-height: 1.4em;	
}
.privacy-heading .form-group.listing-checkbox-group {
	margin-top: 20px;
}
.privacy-heading .form-group.listing-checkbox-group .checkbox-label .checkbox-span {
	color: #222;
    font-weight: 400;	
}
/***** Damodar  *******/

select.property_price_unit {
	max-width: 160px;
	margin-left: 15px;
}

.container-fluid-sidebar{

    margin-top: 70px;

}



.conatiner-sidebar{

    background-color: #ddd;

}





.container-add-properties-top{

    background: white;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    margin-top: 20px;

    margin-bottom: 20px;

    height: 60px;

    align-content: center;

}



.container-add-properties-formtable{

    background-color:green;

    color: white;

    height: auto;

    align-content: center;

}







.container-add-properties-formtable .table-head{

padding-right: 80px;

}



.container-add-properties-top select{

    height: 40px;

    width: 20%;

    border: 2px rgb(0, 0, 0) solid;

    margin-left: 10px;    

}





.search-bar-myproperties button{

    width: 15%;

    height: 40px;

    border-left: none;

    background: white;

    

}



.search-bar-myproperties input{

    height: 40px;

    width: 85%;

    float: left;

    border: solid #000000 2px;

    border-right: none;

    outline: none;

}



.container-myproperties-details button{

    height: 40px;

    width: 100%;

    

}



input[type=number]::-webkit-inner-spin-button, 

  input[type=number]::-webkit-outer-spin-button { 

      -webkit-appearance: none; 

      margin: 0; 

  }







.side-bar {

  position: fixed;

  left: 0;

  top: 0;

  height: 100vh;

  width: 250px;

  background-color: #f1f1f1;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

  padding: 10px;

  overflow-x: hidden;

  

  

}



.sidebar a {

  display: block;

  padding: 8px;

  text-decoration: none;

  color: black;

  font-size: 18px;

  

}



.container-fluid-sidebar{

    margin-top: 70px;

}



.conatiner-sidebar{

    background-color: #ddd;

}



.profile-container {

    display: flex;

    justify-content: space-between;

    max-width: 900px;

    margin: 0 auto;

    background-color: white;

    padding: 20px;

    border-radius: 8px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  }



  .profile-details {

    flex: 2;

  }



  .profile-details h2 {

    font-size: 35px;

    margin-bottom: 20px;

  }



  .form-group {

    margin-bottom: 15px;

  }



  .form-group label {

    display: block;

    font-size: 14px;

    color: #555;

    margin-bottom: 5px;

  }



  .form-group input {

    width: 100%;

    padding: 8px;

    font-size: 14px;

    border: none;

    border-bottom: #000000 1px solid; 

   

  }



  .profile-picture {

    flex: 1;

    display: flex;

    flex-direction: column;

    align-items: center;

  }



  .profile-picture input{

    visibility: hidden;

  }



  .profile-picture img {

    width: 150px;

    height: 150px;

    object-fit: cover;

    border: 2px dashed #ccc;

    border-radius: 8px;

  }



  .profile-buttons {

    margin-top: 20px;

    display: flex;

    justify-content: flex-end;

  }



  .profile-buttons button {

    padding: 10px 15px;

    font-size: 14px;

    border: none;

    border-radius: 4px;

    margin-left: 10px;

    cursor: pointer;

  }



  .btn-update {

    background-color: #289525;

    color: white;

  }



  .btn-delete {

    background-color: #dc3545;

    color: white;

  }

/***** Damodar  *******/



#nav-tabContent .map-content {

    margin-top: 30px;

}



#add-input {

    padding: 3px 10px;

}

.area-input-label {

    font-size: 12px;

    text-align: center;

}

#hilly_unit, #terai_unit, #meter_unit {

    margin-bottom: 0px;

}

#hilly_unit .price-input-per select,

#terai_unit .price-input-per select,

#meter_unit .price-input-per select {

    width: 100px;

}

#content-detail-tab .heading-no-margin {

    margin-top: 0px;

}

textarea:focus, input:focus{

    outline: none!important;

}

.property-desc .note-editable.card-block {

    height: 200px;

}

#jd-property-add .col-2.property-block {

    margin-right: 2%;

}

#terai-fields input, #hilly-fields input, #metersq-fields input {

    width: 68px;

    border: 0;

    border-bottom: 1px solid #999;

    border-radius: 0;   

    padding: 5px;

}

#content-detail-tab .form-content.area_unit {

    margin-bottom: 20px;

}

#content-detail-tab .form-block-wrapper {

    padding-bottom: 0px;

    margin-bottom: 20px;

}

.price-input-per {

    display: flex;

    align-items: center;

}

.some-space-for-per {

    padding: 10px;

}

/** Kritima **/



/* map and pagination */

#map {

    height: 350px;

    width: 451px;

    border-radius: 5px;

}

#map-wrapper {

    position: relative;

}

.update-map {
	cursor: pointer;
    position: absolute;
    z-index: 1;
    background: #f90;
    color: #fff;
    padding: 5px 15px;
    border-radius: 50px;
    top: 10px;
    left: 40%;
    display: none;
}



.update-map.show {

    display: block;

}



.property-item {

    margin-top: 20px;

}



/* Pagination */



/* User Property Add */

.property-next-prev-wrapper {

    display: flex;

    justify-content: space-between;

    background: #eee;

    padding: 20px;

    border-radius: 5px;

}

.property-next-prev-wrapper .property-next span, .property-next-prev-wrapper .property-prev span {

    background-color: #0ea800;

    color: #fff;

    padding: 8px 39px;

    font-weight: 300;

    display: inline-block;

    border-radius: 38px;

    cursor: pointer;

}

/* User Property Add */



.navigation-block .hidden {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 100%;

    margin-bottom: 40px;

    margin-top: 20px;

}



.paging-bar svg {

    width: 25px;

}



.navigation-block .bg-white {

    padding: 3px !important;

    width: 35px;

    height: 35px;

    display: inline-block;

    text-align: center;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}



.navigation-block .relative.z-0.inline-flex.shadow-sm.rounded-md {

    display: flex;

    align-items: center;

    margin-top: 5px;

}



.navigation-block .flex.justify-between.flex-1 {

    display: none;

}



.paging-bar div:first-child {

    display: none;

}



/* map */





/* register */

div.margin-btn.form-group {

    margin-bottom: 30px;

}



div.form-container-block-reg {

    padding: 0px 0px;

}



section.inner-banner h2 {

    color: #fff;

    font-size: 38px;

}



section.inner-banner {

    /* background-color: #0ea800; */

    padding: 60px 0px;

}



ul.register-tab-heading li {

    width: 20%;

}



ul.register-tab-heading li label {
    width: 100%;

    text-transform: uppercase;

    text-align: center;

    font-weight: 600;

    color: rgba(11, 151, 0);

    border: 1px solid;

    border-radius: 0;

    padding: 16px 0px;

}



ul.register-tab-heading li.active label {

    background: #0ea800;

    color: #fff;

    border: 1px solid #0ea800;

}



ul.square li.radio-input label {

    width: 100px;

    height: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 18px;

}



.main-register-page h3.register-section-head {

    font-size: 18px;

    font-weight: 600;

    margin-top: 40px;

    color: #0ea800;

    margin-bottom: 15px;

}



div.form-group ul li:not(:last-child) {

    margin-right: 15px;

}



div.form-container-block-reg .form-top h2 {

    margin-top: 20px;

    font-size: 18px;

}



div.form-group.border-tab-frame {

    padding: 30px 0px;

}



div.form-container-block-reg .border-fo {

    border-bottom: 0;

}



div.tab-content-head {

    background: url(/img/rt-arrow.png) no-repeat;

    font-size: 22px;

    padding-left: 20px;

    background-size: 22px;

    background-position: -6px 0px;

    font-weight: 400;

    text-transform: uppercase;

    color: #0ea800;

}



div.google-map-wrapper {

    border: 1px solid #ddd;

    background: url(/img/gmap.jpg) no-repeat;

    height: 300px;

    width: 100%;

    margin-left: 24px;

    background-size: 100%;

}



#jd-property-add div.form-block-listing .form-block label {

    width: 175px;

}
.form-content .req-field {
	color: #000;
	font-weight: bold;
	font-size: 14px;
}



.block-sep {

    border-bottom: 1px solid #eee;

    margin-bottom: 40px;

}



.pro-inner ul.features-property-lising li {

    list-style-type: none;

    padding: 10px;

    margin-bottom: 10px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    border: solid 1px #A9AFBA;

    margin-right: 10px;

    border-radius: 5px;

    display: flex;

    align-items: center;

    min-width: 19%;

    width: 19%;

}



.photo-prop {

    border: 1px solid #eee;

    display: flex;

    width: 100px;

    height: 100px;

    align-items: center;

    justify-content: center;

}



.photo-prop {

    border: 1px solid #eee;

    display: flex;

    flex-direction: column;

    width: 100px;

    height: 100px;

    align-items: center;

    justify-content: center;

}



.photo-prop div,

.photo-prop span {

    width: 100%;

    text-align: center;

}



.photo-prop span {

    font-size: 12px;

}



li.features-property-item label img {

    width: 30px;

    height: 30px;

    margin-right: 10px !important;

}



#pills-tabContent ul.features-property-lising-1 li.features-property-item {

    margin-bottom: 15px;

}



li.features-property-item p.radioOption-Item label {

    display: flex;

    align-items: center;

    height: 60px;

}



section.inner-banner {

    padding: 20px 0px;

}

section.inner-banner h1 {

    color: #0ea800;

    font-size: 35px;

    text-align: left;

    font-weight:600;

}

.inner-banner .container {

    max-width: 1280px;

}







/* register */

/** end Kritima **/





/** Anil **/

div.news-block ul {

	margin-left: 0px;

	margin-right: 0px;

	padding: 0;
    flex-wrap: wrap;


}

div.logo-main a img {
	width: 130px;
}

ul.qr-listing img {

    width: 112px;

    height: 112px;

    border: 4px solid;

}

.buying-ideas {

	background-color: rgba(12, 151, 0, 1);

	padding: 15px 40px;

	color: #fff;

	border-radius: 5px;

	display: inline-block;

	margin-top: 20px;

}

.footer-about img {

	

}

div.footer-list ul li a {

	color: #fff;

}

div.fo-top li, div.fo-top li a, div.fo-top li p {

	color: #fff;

}

div.fo-bottom {

	background-color: rgba(0, 131, 0, 1);

    padding: 24px 0px 32px;
    padding: 24px 0px 15px;

}

div.fo-top {

	background-color: rgba(12, 151, 0, 1);

}

.explore-box-wrapper a {

	display: block;

}

.explore .main-title .col-2 {

	margin-right: 2%;

}

div.footer-top {

	background-color: var(--grencolor);

}

div.footer-menu-listing ul li a {

	color: #eee;

}

.main-title h2 {

	width: 50%;

}

.main-title div.view-all {

	text-align: right;

	width: 50%;

	padding-right: 10px;

}

.main-title div.view-all a {

	background: var(--grencolor);

    padding: 5px 15px;

    color: #FFF;

    border-radius: 4px;

    font-size: 14px;

}

ol.features-list li {

	font-size: 16px;

}

li span.list-prop-area {

	padding-left: 5px;

	font-size: 16px;

}

.idea-text {

	color: var(--grencolor);

	margin-top: 10px;

}

.property-buying-ideas-wrapper .list-why-item img {

	width: 100px;

}

.property-buying-ideas-wrapper h2 {

	color: var(--grencolor);

	font-size: 30px;

	font-weight: 800;

	margin-bottom: 10px;

}

.here-block-inner {

	margin-top: 48px;

}

.property-buying-ideas-wrapper p {

	font-weight: 400;

    font-size: 14px;

    line-height: 1.5em;

}

.icon-title-wrapper {

	border-right: 1px solid var(--grencolor);

    height: 98px;

}

p.title-icon {

	font-size: 30px;

	padding-top: 10px;

	color: var(--grencolor);

	font-weight: 600;

}

p.sub-title-icon {

	font-size: 20px;

	font-weight: 400;

}

.explore-box-wrapper {

	text-align: center;

    background: rgba(12, 151, 0, 0.1);

    border-radius: 5px;

    box-shadow: 0px 0px 18px -4px rgba(12, 151, 0, 0.1);

}

.explore-box-wrapper img {

    border-radius: 5px 5px 0px 0px;

    width: 45px;

    margin-top: 15px;

}

.explore-box-wrapper h3 {

	text-align: center;

    color: var(--bs-white);

    margin-top: 10px;

    font-size: 13px;

    font-weight: bold;

    text-transform: uppercase;

    background: var(--grencolor);

    color: #FFF;

    margin-top: 11px;

    padding: 5px;

    border-radius: 0px 0px 5px 5px;

}

.explore {

    margin-bottom: 60px;

    border: 1px solid rgba(12, 151, 0, 0.3);

    padding: 20px;

    border-radius: 6px;

}

.explore-box-wrapper img.img-house {

	width: 50px;

	margin-top: 10px;

}

.explore-box-wrapper img.img-room {

	width: 50px;

	margin-top: 10px;

}

.content-slider-block span.sub-title {

	padding-top: 10px;

}

.col-search-block {

	position: relative;

    

}

.post-ad-div a {

    padding: 14px 20px;

    margin-top: 10px;

    margin-left: 10px;

    background: #f1540b;

    color: #fff;

    font-size: 16px;

    display: block;

    border-radius: 10px;

    text-align: center;

    width: 200px;

    font-weight: 400;

    text-transform: uppercase;

}

.post-ad-container{

    position: relative;

    /* max-width: 420px; */

   

}

.post-ad-div {

    position: absolute;



    z-index: 1111;

    border-radius: 20px 0px 0px 0px;

}



div.main-tab-block .nav-tabs .nav-link {

	font-family: "Kanit", sans-serif;

}

.main-tab-block .nav-tabs .nav-link.active:hover {

	color: #fff;

}

div.main-banner {

	height: 631px;

    margin-top: -633px;

}

div.main-tab-container {

    margin-top: 129px;

    background: var(--grencolor);

    padding: 20px;

}

div.header-login a {

	font-weight: 300;

}

.main-banner-content h2.find-a-property {

    font-weight: 400;

    font-style: normal;

    font-size: 32px;

    color: white   ;

    background: rgba(25, 25, 25, 0.1);

    padding-top: 18px;

    margin-top: 145px;

    padding: 20px;

    text-shadow: 0px 1px 5px #222;

}

.logo-main a img {

	width: 150px;

	border: 0;

}

div.tab-content-main {

    margin-top: 95px;

}

#header-container .col-md-9 {

    text-align: right;

}

.home div.header-top-right {

    background: #0c9700;

    padding-right: 20px;

    border-radius: 5px;

    display: inline-block;

}

div.header-menu ul li a {

	font-weight: 300;

}

div.main-tab-block .nav-tabs .nav-link {

    font-size: 16px;

    font-weight: 600;

}

div.tab-container-content{

    padding-top: 60px;

}

div.main-title h2 {

	font-size: 30px;

	color: var(--grencolor);

}

.main-tab-block .nav-tabs {

	z-index: 10;

	position: relative;

}

.search-form-group div.form-left {

	margin-top: 0px;

    z-index: 1;

	position: relative;

	border-radius: 0;

}

.search-form-group div.form-right {

	margin-left: -2px;

	z-index: 10;	

}

div.search-form-group button.search-btn {

	height: 85px;

}

.popular-areas {

	padding: 58px 0px;

}

span.title-area {

	background: rgba(12, 151, 0, 0.2);

    color: rgba(12, 151, 0, 1);

    padding: 2px 10px;

    border-radius: 5px;

    font-size: 12px;	

}

span.main-head-right {

    background: #fff;

    color: #222;

    padding: 2px 10px;

    border-radius: 5px;

    font-size: 12px;	

}

div.search-form-group button.filter-btn span {

	outline: none;

	border: 0;

	background-color: rgba(14, 168, 0, 0.2);

	border-radius: 20px;

	color: var(--grencolor);

}

/* div.summary-text {

	min-height: 160px;

} */

div.summary-text span.su-name {

	font-size: 24px;

	margin-bottom: 0px;
    line-height: 1em;

}

span.prop-count {

	background: #f90;

}

div.dep-box {

	margin-bottom: 20px;

}

div.recent-property-container .row {

	margin-bottom: 20px;

}

div.header-menu ul li {

	margin-right: 10px;

}

div.header-menu ul li:last-child {

    margin-right: 0px;

}

#header-container .row .col-md-9 {

    

}

.prop-price {

    font-size: 18px;

    color: #222;

    margin-top: 5px;

    font-weight: 600;

    margin-bottom: 10px;

	font-family: poppins;

}

div.div-prop-wrapper {

	box-shadow: 0 0 5px 0 rgb(0 0 0/15%);

	border-radius: 5px;

}

div.div-prop-wrapper .img-slider-block img {

	border-radius: 5px 5px 0px 0px;

}

/** Anil **/



header .container {

    max-width: 1280px;

}



:root {

    --bs-white: #fff;

    --bs-black: #000;

    --bs-site-yellow: #faf60c;

    --bs-site-blue: #144f8b;

    /* --bs-site-navtext: #555555; */

    --bs-site-text: #5F5F5F;

    /* --bs-site-text2: #45474d;

    --bs-site-text3: #202226; */

    --bs-site-red: #f80000;

    --fontfamily-main:"Roboto", sans-serif;

    --inputcolor: #3e3e3e;

    --bgcolorfooter: #dbe8f9;

    --lightredcolor: #fff5f4;

    --grencolor: #0c9700;

    --headingcolor: #515b6e;

    --textcolor: #475166;

    --darkgrey: #222222;

}







@font-face {

    font-family: 'Amiri Regular';

    font-style: normal;

    font-weight: normal;

    src: local('Amiri Regular'), url('fonts/Amiri-Regular.woff') format('woff');

}





@font-face {

    font-family: 'Amiri Italic';

    font-style: normal;

    font-weight: normal;

    src: local('Amiri Italic'), url('fonts/Amiri-Italic.woff') format('woff');

}





@font-face {

    font-family: 'Amiri Bold';

    font-style: normal;

    font-weight: normal;

    src: local('Amiri Bold'), url('fonts/Amiri-Bold.woff') format('woff');

}





@font-face {

    font-family: 'Amiri Bold Italic';

    font-style: normal;

    font-weight: normal;

    src: local('Amiri Bold Italic'), url('fonts/Amiri-BoldItalic.woff') format('woff');

}



body {

    font-family: var(--fontfamily-main);

    color: var(--bs-site-text);

    font-size: 17px;

    line-height: 1.4em;

    font-weight: 400;

    color: var(--darkgrey);

}



* {

    padding: 0px;

    margin: 0px;

    /* transition: 0.5s ease-in-out; */

}



a {

    text-decoration: none;

}



ul li {

    list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

p,

li,

ul {

    padding: 0px;

    margin: 0px;

}



.main-menu-container ul li a {

    color: var(--bs-black);

    font-size: 20px;

    line-height: 1em;

    font-weight: 400;

}



.main-menu-container ul li:not(:last-child) {

    padding-right: 25px;

}



.main-menu-container ul li a {

    color: var(--bs-black);

    transition: all .3s ease;

}



.main-menu-container ul li {

    display: inline-block;

}



.main-menu-container ul {

    text-align: right;

}



img {

    max-width: 100%;

}



header {

    padding: 10px 0px;

    /* border-bottom: 1px solid #dddddd; */

    position: relative;

    /* z-index: 3; */

    background: #0ea800;

}



.header-top {

    position: relative;

    z-index: 9;

}



.logo-main svg {

    width: 102px;

}













.button-play.is-play .button-icon .triangle {

    animation: fadeIn 7s ease;

}



.button-play.is-play .button-icon .path {

    stroke-dasharray: 90;

    stroke-dashoffset: 0;

    animation: triangleStroke 3s;

    animation-timing-function: ease;

}



.has-scale-animation {

    animation: smallScale 3s infinite;

}



.has-delay-short {

    animation-delay: 0.5s;

}





@-moz-keyframes fadeIn {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



@-webkit-keyframes fadeIn {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



@-o-keyframes fadeIn {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



@keyframes fadeIn {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



@-moz-keyframes triangleStroke {

    from {

        stroke-dashoffset: 90;

    }



    to {

        stroke-dashoffset: 0;

    }

}



@-webkit-keyframes triangleStroke {

    from {

        stroke-dashoffset: 90;

    }



    to {

        stroke-dashoffset: 0;

    }

}



@-o-keyframes triangleStroke {

    from {

        stroke-dashoffset: 90;

    }



    to {

        stroke-dashoffset: 0;

    }

}



@keyframes triangleStroke {

    from {

        stroke-dashoffset: 90;

    }



    to {

        stroke-dashoffset: 0;

    }

}



@-moz-keyframes smallScale {

    from {

        transform: scale(1);

        opacity: 1;

    }



    to {

        transform: scale(1.5);

        opacity: 0;

    }

}



@-webkit-keyframes smallScale {

    from {

        transform: scale(1);

        opacity: 1;

    }



    to {

        transform: scale(1.5);

        opacity: 0;

    }

}



@-o-keyframes smallScale {

    from {

        transform: scale(1);

        opacity: 1;

    }



    to {

        transform: scale(1.5);

        opacity: 0;

    }

}



@keyframes smallScale {

    from {

        transform: scale(1);

        opacity: 1;

    }



    to {

        transform: scale(1.5);

        opacity: 0;

    }

}



.spacing-section {

    padding-bottom: 90px;

}













.animate__animated {

    animation: 0.5s ease-out 0s 1 slideInFromLeft forwards;

    animation-delay: 0.2s;

}



.animate__animated_right {

    animation: 1.5s ease-out 0s 1 slideInFromRight forwards;

    animation-delay: 0.2s;

}



.animate__animated_zoom {

    /* animation: 1.5s ease-out animateZoom; */

    /* animation: animateZoom 1.5s ease-out; */

    animation: zoom-in-zoom-out 2s ease-out;

    animation-delay: 0.2s;

}



@keyframes slideInFromLeft {

    0% {

        transform: translateX(-50%);

    }



    100% {

        transform: translateX(0);

    }

}



@keyframes slideInFromRight {

    0% {

        transform: translateX(50%);

    }



    100% {

        transform: translateX(0);

    }

}



@keyframes animateZoom {

    0% {

        transform: scale3d(.3, .3, .3);

    }

}



@keyframes zoom-in-zoom-out {

    0% {

        transform: scale(0.7, 0.7);

    }



    50% {

        transform: scale(1.15, 1.15);

    }



    100% {

        transform: scale(1, 1);

    }

}





.main-banner {

    position: relative;

    height: 355px;

    margin-top: -100px;

    background-size: cover !important;

    margin-top: -569px;

}



.main-banner:after {

    content: ' ';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #3c475b);

    opacity: 0.6;

    z-index: 1;

}



.header-top-right {

    display: flex;

    align-items: center;

    justify-content: flex-end;

   

}



.header-login a {
    color: #fff;
    line-height: 44px;
    font-size: 16px;
    padding-left: 15px;
    margin-left: 15px;
}

#header-container .header-top-right .header-menu ul, #header-container .header-top-right .header-login, #header-container .header-top-right .header-menu {

    display: inline-block;

}



.header-menu {

    padding-left: 20px;

}



.main-content .container {

    max-width: 1100px;

    padding: 0 10px;

    margin: 0 auto 36px;

    margin-bottom: 48px;

    margin-bottom: 0px;



}



.main-tab-container {

    margin-top: 0;

    margin-bottom: 40px;

    padding: 36px 60px;

    border-radius: 3px;

    border: 1px solid rgba(255, 255, 255, 0.3);

    background-color: #fff;

    box-shadow: 0 1px 3px 0 rgba(7, 25, 57, 0.1), 0 1px 2px 0 rgba(7, 25, 57, 0.2);

    position: relative;

    z-index: 6;

    margin-top: 120px;



}



.main-banner-content h2 {

    color: #fff;

    text-align: center;

    font-weight: 700;

  

    font-size: 28px;

    line-height: 1em;

    padding-top: 130px;

    padding-bottom: 20px;

    position: relative;

    z-index: 7;

    text-transform: capitalize;



}



.tab-content-main{

    margin-top: 120px;

}



.search-form-group{

    display: flex;

    align-items: center;

    position: relative;

}



.search-form-group .form-right{

    width: 18%;

}

.search-form-group .form-left{

    width: 82%;

    background-color: #fff;

    border: 2px #d0d3d9 solid;

    border-radius: 3px;

    background: #fff;

    transition: border-color 0.2s ease-in, box-shadow 0.2s ease-in;

    border-width: 2px;

}



.search-form-group .form-left .form-left-inner{

    margin: 0 20px;

    padding: 15px 0;

    height: 82px;

    overflow: hidden;

    white-space: nowrap;

}

.search-form-group .form-left .form-control{

    border: 0px;

    padding: 0px;

    font-size: 16px;

    line-height: 1.2em;

    max-width: 350px;

    color: #515b6e;

    padding-top: 15px;

}

.search-form-group .form-left .form-control::placeholder{

    opacity: 0.7;

}



.main-tab-block .nav-tabs{

    border: 0px;

}

.main-tab-block .nav-tabs .nav-link{

    border: 0px;

    font-family: 'Amiri Bold';

    font-size: 18px;

    color: #3c475b;

    padding: 15px 20px;

    border: 3px 3px 0px 0px;

}

.main-tab-block .nav-tabs .nav-link.active{

   background:var(--grencolor);

   color: #fff;

}

.main-tab-block .nav-tabs .nav-link:hover{

    color:var(--grencolor)

}



.search-form-group button.filter-btn{

    margin-top: 20px;

    margin-bottom: 20px;

    margin-right: 20px;

    border: 0px;

    padding: 0px;

    background: transparent;

    position: absolute;

    top: 5px;

    right: 162px;

}

.search-form-group button.filter-btn span{

    display: block;

    padding: 6px 9px;

    border-radius: 3px;

    border: 1px solid #515b6e;

    font-weight: 400;

    white-space: nowrap;

}

.search-form-group button.filter-btn span svg{

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    vertical-align: middle;

    width: 24px;

    height: 24px;



}

.search-form-group button.search-btn svg{

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    vertical-align: middle;

    height: 24px;

    width: 24px;

    margin-right: 10px;

}

.search-form-group button.search-btn{

    background-color:var(--grencolor);

    width: 100%;

    color: #fff;

    font-size: 18px;

    line-height: 1em;

    padding:30px 26px;

    border-radius: 0px 3px 3px 0px;

    border: 0px;

    margin-left: -2px;

}

.search-form-group .form-left .form-control:focus,.search-form-group .form-left .form-control:focus-visible{

    outline: none;

    box-shadow: none;

}

.main-title h2{

    font-weight: 800;

    color: #3C475B;

    font-size: 25px;

    line-height: 1em;

    margin-bottom: 18px;

    padding: 0px 10px;

}

.main-content{

    background: #FAFBFC;

}

.img-slider-block{

    border-top-right-radius: 3px;

    border-bottom-left-radius: 0px;

    width: 100%;

    overflow: hidden;

    border-top-left-radius: 3px;

    position: relative;

}

.img-slider-block::after {

    display: block;

    width: 100%;

    height: 60%;

    position: absolute;

    bottom: 0px;

    background-image: linear-gradient(transparent, rgba(12, 31, 69, 0.5));

    content: "";

}

.img-slider-block img {

    display: block;

}

.img-slider-block img {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: 50% 50%;

    transition: transform 350ms;

}

.item-box:hover .img-slider-block img, .item-box:focus .img-slider-block img {

    transform: scale3d(1.03, 1.03, 1);

}



.item-box{

    position: relative;

}







.main-head-left::after {

    display: block;

    position: absolute;

    top: 9px;

    right: -12px;

    width: 3px;

    height: 3px;

    border-radius: 50%;

    background: rgb(255, 255, 255);

    content:"";

}

.main-head-left {



    position: relative;

    display: inline-block;

    margin-right: 20px;

    font-weight: bold;

    font-size: 17px;

    color: #fff;

}

.main-head-right {



    position: relative;

    display: inline-block;

    margin-right: 20px;

    font-weight: 400;

    font-size: 15px;

    color: #fff;

}



.img-slider-block{

    height: 187px;
    height: 211px;
    height: auto;
    aspect-ratio: 3/2;

}



.img-slider-block::before {

    content: "";

    display: block;

    padding-bottom: 60%;

}

h2.main-head{

    margin: 0px;

    position: absolute;

    bottom: 10px;

    left: 12px;

    z-index: 8;

}



.min-head-inner{

    display: flex;

    align-items: center;

}



.content-slider-block {

    padding: 12px 18px;

background-color: rgb(255, 255, 255);

border: 1px solid rgb(255, 255, 255);

border-top-right-radius: 3px;

border-bottom-right-radius: 3px;

min-height: 135px;

position: relative;



width: 100%;

border-bottom-left-radius: 3px;

min-height: auto;

}

.item-box {

    width: 100%;

    box-shadow: rgba(30, 41, 61, 0.2) 0px 1px 3px 0px, rgba(30, 41, 61, 0.2) 0px 1px 3px 0px;

    text-decoration: none;

    margin: 5px 10px;

    border-radius: 3px;

}



.features-list li {

display: inline-flex;

-webkit-box-align: baseline;

align-items: baseline;

-webkit-box-pack: start;

justify-content: flex-start;

margin-right: 5px;

color: rgb(60, 71, 91);

font-size: 18px;

font-weight: bold;

}
.features-list li:last-child{
    margin-right: 0px;
}

.features-list li svg {

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    vertical-align: middle;

    margin-left: 3px;

    align-self: center;

    width: 18px;

    height: 18px;

}

.features-list{

    margin: 0px;

    padding: 0px;

}

span.sub-title{

    color: rgb(30, 41, 61);
    font-weight: 400;
    font-size: 13px;
    line-height: 1.6em;
    padding-top: 4px;
    display: inline-table;
}

.item-box:hover span.sub-title{

    color: rgb(169, 175, 186);

}



.property-slider-inner{

    position: relative;

    padding: 0px;

}



button.slick-arrow-cus svg {

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    width: 24px;

    height: 24px;

    vertical-align: middle;

}



.property-slider-inner .slick-arrow:not(.custom-btn){

    display: none !important;

}

.property-slider-inner .slick-prev:before, .property-slider-inner .slick-next:before{

    display: none;

}

.property-slider-inner .slick-prev-cus {

    left: 2px;

    z-index: 9;

    margin-top: -48px;

}

.property-slider-inner .slick-next-cus {

    right: 2px;

    z-index: 9;

    margin-top: -48px;

}



button.slick-arrow:hover{

    opacity: 1;

    background-color: #fff;

}

button.slick-arrow:hover svg{

    color: #0ea800;

}

button.slick-arrow-cus{

    font-size: 0;

    line-height: 0;

    position: absolute;

    top: 50%;

    display: block;

    padding: 0;

    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none;

    background: transparent;

    width: 48px;

    height: 48px;

    background: #fff;

    color: #3c475b;

    border: 0;

    border-radius: 50%;

    box-shadow: 0 1px 3px 0 rgba(30, 41, 61, 0.1), 0 1px 2px 0 rgba(30, 41, 61, 0.2);

    opacity: 0.9;

}



.dep-box a{

    width: 100%;

   

        width: 100%;

        height: 246px;

        display: flex;

        align-items: flex-end;

        position: relative;

        overflow: hidden;

        border-radius: 3px;

        text-decoration: none;
        height: auto;
        aspect-ratio: 3/2;
        align-items: center;
        justify-content: center;

    

}

.prop-count{

   

        font-size: 14px;

        line-height: 18px;

        display: inline-block;

        padding: 3px 10px;

        border-radius: 3px;

        background: #0b2047;

        color: #fafbfc;

        position: absolute;

        top: 6px;

        left: 6px;

        z-index: 4;

    

}

.dep-box a:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));

}

.summary-text{

        width: 100%;

        min-height: 120px;

        color: #fafbfc;

        text-align: center;

        padding: 12px;

        z-index: 1;

        padding: 24px;
        padding: 0px;
        min-height: inherit;

    

}

.su-name {

    display: block;

    font-size: 18px;

    font-weight: bold;

    line-height: 22px;

}

.su-loca {

    display: block;

    font-size: 17px;

    font-weight: 400;

}

.img-box img{

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: 50% 50%;

    transition: transform 350ms;

}



.development-container,.while-here-container,.news-container{

    padding: 58px 0px;

}



.dep-box a:hover img, .dep-box a:focus img {

   

    transform: scale3d(1.03, 1.03, 1);

}

.development-block-inner .col-md-4{

    padding: 0px 10px;

}

.while-listing li{

    flex-grow: 1;

    flex-basis: 20%;

    font-size: 18px;

    text-align: center;

    border-right: 1px solid #e6e9ed;

    margin-top: -1px;

    margin-bottom: -1px;



}

ul.while-listing{

    border-radius: 3px;

    border: 1px solid #fff;

    flex-wrap: nowrap;

    box-shadow: 0 1px 3px 0 rgba(30, 41, 61, 0.1), 0 1px 2px 0 rgba(30, 41, 61, 0.2);

    display: flex;

    padding:0px;

}

ul.while-listing a {

    display: block;

    padding: 30px 18px;

    height: 100%;

    font-size: 19px;

    font-weight: 600;

    color: rgb(60, 71, 91);

}

ul.while-listing a svg {

    display: block;

    margin: 0 auto 12px auto;

    width: 48px ;

    height: 48px;

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    color: #0ea800;

}

.while-listing li:last-child{

    border-right-width: 0px;

}

.while-listing li:hover, .while-listing li:focus {

    box-shadow: 0 3px 6px 0 rgba(30, 41, 61, 0.15), 0 5px 10px 0 rgba(30, 41, 61, 0.15);

    transition: box-shadow ease-in 100ms;

    z-index: 1;

    position: relative;

}



.news-block ul{

    /* display: flex; */

    margin-left: -12px;

    margin-right: -12px;

    font-size: 16px;

    line-height: 24px;

    flex-wrap: nowrap;

}

.news-block ul li{

    width: 33.333%;

    margin: 0 10px;

    position: relative;
    width: 30.9%;
    margin-bottom: 30px;

}
.news-block{
    padding-bottom: 50px;
}

.news-block ul li a{

   color: rgb(60, 71, 91);

}
.news-content{
    background: #f3faf2;
    padding: 10px;
   /* border: 1px solid #0ea800; */
}

.news-content span:first-child{
    color: #0ea800;
    font-size: 14px;
    border: 1px solid #0ea800;
    padding: 4px;
    background: #fff;
    font-size: 13px;
    line-height: 1em;
}
.news-content span{

    font-weight: 400;

    font-size: 14px;

    line-height: 1.4em;

    padding-top: 6px;

    display: inline-block;
    color: #555;

}
.news-content span i{
    padding-right: 3px;
    font-size: 13px;
}

.news-block ul li a:hover .news-content span{

    color: #0ea800;



}



[data-entrance] { visibility: hidden; }

/* .download-container{

    float: left;

    width: 100%;

} */

.tab-container-content{

    padding-top: 130px;

}

.don-right h3{

    font-size: 28px;

    font-weight: bold;

    margin-bottom: 16px;

    color: rgb(60, 71, 91);

    margin: 0px;

    display: inline-block;

    margin-top: 90px;

}

.don-right p{

    margin: 0px;

    font-size: 18px;

    line-height: 24px;

    margin-top: 16px;

    margin-bottom: 72px;

    color: rgb(60, 71, 91);

    font-weight: 500;

}

.don-right a img{

    height: 55px;

}



.sub-footer{

    background: #0ea800;

    padding: 12px 0px;

   

    display: flex;

    flex-direction: column;

    justify-content: center;

}



footer .container{

    width: 100%;

    max-width: 1280px;

    margin: 0 auto;

    /* padding: 0 18px */

}

.footer-top-icon{

    margin-right: 20px;

    margin-bottom: 0;

    padding-right: 40px;

    border-right: 1px solid rgba(255, 255, 255, 0.2);

}

.domain-logo__wrapper {

    width: 87px;

    height: auto;

}

.sub-footer .col-md-1{

    width: 12.5%;

    padding-right: 0px;

}

.sub-footer .col-md-4{

    width:26.5%;

}

.sub-footer .col-md-7{

    width: 60%;

}

.footer-nav ul{

    display: flex;

    align-items: center;

    padding: 0px;

}

.footer-nav ul li a{



        font-weight: 700;

        color: #fff;

        border-bottom: 2px solid transparent;

        text-decoration: none;

        transition: border-bottom-color 0.2s;

        font-size: 14px;

        line-height: 1em;

    

}

ul.footer-links li a{

    font-size: 14px;

}



.footer-nav ul li a:hover,.footer-top-link a:hover{

    border-bottom: 2px solid #fff;

}

.footer-nav ul li:not(:last-of-type) {

    margin-bottom: 0;

    padding-right: 20px;

}

.footer-top-link a{

    font-weight: 700;

    color: #fff;

    border-bottom: 2px solid transparent;

    text-decoration: none;

    transition: border-bottom-color 0.2s;

    font-size: 16px;

    line-height: 1em;



}

ul.footer-links{

    display: flex;

    align-items: center;

}

a.button-link{

    border: 0px;

    padding: 5px 20px;

    font-size: 15px;

    line-height: 25px;

    font-weight: bold;

    text-align: center;

    border-radius: 3px;

    border: 1px solid #fff;

    background: none;

    color: #fafbfc;

    margin-left: 24px;

}

a.button-link svg {

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    vertical-align: middle;

    width: 18px;

    height: 18px;

}

a.button-link:hover{

    border: 1px solid #fff;

    border-color: #fff;

    background-color: rgba(255, 255, 255, 0.2);

    color: #fafbfc



}

#footer-container{

    position: relative;

    z-index: 3;

}

.footer-top{

    background-color:#0b2047;

}

.footer-menu-listing{

    padding:48px 0 24px;

}

.footer-menu-listing h3{

    margin: 0px;

    font-weight: bold;

    margin-bottom: 5px;

    font-size:16px;

    line-height: 1em;

    color: #fff;





}

.footer-menu-listing ul li a{

    cursor: pointer;

    color: #657185;

    font-size: 14px;

    line-height: 24px;

    -webkit-text-decoration: none;

    text-decoration: none;

    font-weight: 500;



}

.footer-menu-listing ul li a:hover{

    color: #fffafa80;

}



.footer-copyright{

    border-top: 1px solid #ffffff80;

    padding: 32px 0px;

    width: 100%;

    margin-top: 48px;

    

}

.copyright-inner{

    

    display: flex;

    align-items: center;

    max-width: 524px;

    margin: 0 auto;

}

.copyright-inner p{

    color: #fff;

    font-size: 14px;

    line-height: 1.4em;

    font-weight: 400;



}

.copyright-inner a{

    color: #0ea800;

    font-size: 14px;

    line-height: 1.2em;

    font-weight: 400;



}

.fo-right{

    padding-left: 24px;

    width: calc(100% - 44px);

}

.fo-left{

   width: 44px;

}



.footer-bottom{

    background: #071939;

    padding: 10px 0px;

}



#exampleModal.modal.fade .modal-dialog{

    max-width: 100%;

    margin-top: 0px;

    border-radius: 0px;

}



#exampleModal.modal.fade  .modal-header{

    border-radius: 0px;

   

    padding: 0px;

    display: block;

    width: 100%;

    animation: 500ms ease 0s 1 normal forwards running animation-u8bmhq;

    background: rgb(242, 245, 247);

    padding: 24px;

    border: 0px;

    padding-top: 50px;



    

}

.modal-header-inner{

    position: relative;

    max-width: 884px;

    margin: 0px auto;

}

#exampleModal.modal.fade  .modal-content{

    border-radius: 0px;

    border: 0px;

}

#exampleModal .main-tab-container{

    margin: 0px;

    padding: 0px;

    width: 100%;

    background: transparent;

    border: 0px;

    box-shadow: none;

}

#exampleModal .btn-close{

    position: absolute;

    top: -15px;

    right: 5px;

    z-index: 99;

    background: transparent;

    display: flex;

    align-items: center;

    width: 66px;

    padding: 0px;

}

#exampleModal .btn-close svg {

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    vertical-align: middle;

    width: 25px;

    height: 20px;

    margin-left: 5px;

}

.tab-pro-container{

    background: rgb(250, 251, 252);

    padding: 24px 0px 90px;

}



.tab-inner-prop{

   width: 100%;

    background: inherit;

    max-width: 660px;

    margin: 0px auto;

}



.form-top{

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 10px;

}

.form-top h3{

    color: rgb(60, 71, 91);

    padding: 8px 0px;

    font-size: 16px;

    line-height: 1em;

    font-weight: 700;

}



.form-top a{

    font-weight: 400;

    font-size: 16px;

    line-height: 1em;

    color: #0ea800;

}



.radio-input label {

    display: inline-block;

    padding: 10px;

    border: solid 1px #A9AFBA;

    transition: all 0.3s;

    padding: 12px 12px;

    border-radius: 3px;

    font-weight: 400;

    font-size: 14px;

    line-height: 1em;

    transition: background-color 200ms ease-out, color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out, box-shadow 200ms ease-out;

    cursor: pointer;

    color: rgb(60, 71, 91);

  }

  

  .radio-input input[type="radio"] {

    display: none;

  }

  

  .radio-input input[type="radio"]:checked + label {

    border-color: #0ea800;

    color: #0ea800;

    background-color: #f1f7f0;
    background: #FF8D09;
    border-color: #FF8D09;
    color: #fff;

  }

  .form-content ul{

    display: flex;

    align-items: center;

    margin: 6px 0px;

  }

  .form-content ul li:not(:last-child){

    margin-right: 6px;

  }

  #exampleModal .tab-content-main{

    margin-top: 0px;

  }

  #exampleModal .modal-body{

    padding: 0px;

    padding-top: 30px;

  }



  #exampleModal .form-group{

    margin: 0px 16px 18px;

    padding-bottom: 16px;

    border-bottom: 1px solid rgb(208, 211, 217);

  }



  .bottom-copyright p{

    color: #ffffff80;

    font-size: 12px;

    line-height: 18px;

    text-align: center;

  }

  .bottom-copyright p a{

    color: #0ea800;

  }

  .footer-social svg {

    width: 18px;

    height: 18px;

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    vertical-align: middle;

}



.footer-social ul{

    text-align: right;

}

.footer-social ul li{

    display: inline-block;

}



.footer-social ul li a{

    color: #ffffff80;

    transition: background-color 0.2s linear;

    border-radius: 3px;

    padding: 2px 4px;

}

.footer-social ul li a:hover, .footer-social ul li a:focus {

    background-color: #0c9700;

    color: #e6e9ed;

    -webkit-text-decoration: none;

    text-decoration: none;

    opacity: 1;

}

.footer-social ul li a:hover svg, .footer-social ul li a:focus svg{

    fill: #fff;

}



/***** Inside Page Header *****/

/*

body:not(.home) #header-container{

    background: #0ea800;

}

body:not(.home) #header-container .logo-main a{

    display: inline-block;



}

.page-inner-container .container{

    max-width: 1280px;

}

body:not(.home) #header-container .logo-main svg path{

    fill: #0EA800;

}

body:not(.home) #header-container .header-menu ul li a{

color: #3C475B;

}

body:not(.home) #header-container div.header-top-right{

    background: transparent;

}

body:not(.home) #header-container .header-login a{

    color: #3C475B;

    border-color: #3C475B;

}

*/

/***** Inside Page Header *****/



.form-filter-container{

position: -webkit-sticky;

position: sticky;

background: #fff;

-webkit-transition: box-shadow 0.2s ease;

transition: box-shadow 0.2s ease;

border-top: 1px solid #e6e9ed;

border-bottom: 1px solid #e6e9ed;

top: -65px;

z-index: 199;





    

}

.form-filter-container.form-filter-container-list{
    z-index: inherit;
    position: static;
}


.form-filter-inner .form-control{

    

    padding: 1px 0;

    height: 40px;

    overflow: hidden;

    white-space: nowrap;

    font-size: 16px;

    line-height: 1em;

    font-weight:400;

    border: 2px #d0d3d9 solid;

    border-radius: 3px;

    padding:10px 15px;

    border-radius: 3px 0px 0px 3px;

    color: #333;

}



.form-filter-inner .form-control::placeholder{

    color: #d0d3d9;

}

button.filter-btn{

    position: relative;

    z-index: 50;

    display: block;

    -webkit-text-decoration: none;

    text-decoration: none;

    vertical-align: top;

    border: solid 1px #d0d3d9;

    background: #fff;

    color: #3c475b;

    padding: 0 9px;

    border-radius: 32px;

    font-weight: 600;

    cursor: pointer;

    outline: none;

    transition: color 0.1s ease-in-out, border-color 0.1s ease-in-out, background 0.1s ease-in-out;

    font-size: 14px;

    height: 36px;

    line-height: 24px;

}

button.search-prop{



    text-align: center;

    border: 0;

    height: 40px;

    padding: 0;

    background: #0EA800;

    border-radius: 0px 3px 3px 0px;

    margin-left: -2px;

    width: 60px;

}

button.search-prop svg {

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    vertical-align: middle;

    width: 24px;

    height: 24px;

    color: #fff;

    

}



.form-filter-inner .form-group:nth-child(1){

    width: 600px;

    display: flex;

    align-items: center;

    padding: 10px 0px;

}

.form-filter-inner .form-group:nth-child(2){

    width: calc(100% - 600px);

    padding: 14px 24px;



}

.form-filter-inner .form-group:nth-child(2) ul{

    display: flex;

    align-items: center;

}





.form-filter-container .container {

    max-width: 1280px;

}

.form-filter-inner form{

    display: flex;

    align-items: center;

    

}



button.filter-btn svg {

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    vertical-align: middle;

    width: 24px;

    height: 24px;

    max-height: 18px;

    margin-bottom: 3px;

    margin-right: 6px;

}

button.filter-btn:hover{

    background: rgba(208, 211, 217, 0.3);



}

.form-group ul li:not(:last-child){

    margin-right: 6px;

}

button.filter-btn-1 svg{

    margin-right: 0px;

}

.form-group ul li{

    position: relative;

}

.slide-content{

    display: none;

    width: 100%;

    background: rgb(255, 255, 255);

    overflow: visible;

    box-shadow: rgba(30, 41, 61, 0.15) 0px 3px 6px, rgba(30, 41, 61, 0.15) 0px 5px 10px;

    border: 1px solid rgb(230, 233, 237);

    width: 400px;

    position: absolute;

    top: 45px;

    left: 0px;

}



.slide-content.active{

    display: block;

}

ul.social-share-popup li a {

    width: 30px;

    display: inline-block;

    margin-right: 10px;

}



body.mapproperty-body button.filter-btn.active{

    border-color: #0ea800;

    color: #fff;

    background: #0ea800;

    z-index: 50;

}




.breadcrumb-nav li.nav-root {

    margin-right: 10px;

}

.breadcrumb-nav li a, .breadcrumb-nav li {

    color: #7E8594;

    font-size: 14px;

    line-height: 1em;

    font-weight: 400;

}

.breadcrumb-nav li.breadcrumb-item:last-child span {
    color: #333;
}

.breadcrumb-nav{

    display: flex;

    align-items: center;

    margin: 30px 0px;

}

.breadcrumb-nav svg {
    color: #7E8594;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    margin-left: 0;
    margin-top: 0;
    stroke-linejoin: round;
    stroke-linecap: round;
    fill: none;
    vertical-align: middle;
    background: #fff;
    color: #333;
    border-radius: 20px;
    width: 16px;
    height: 16px;
    font-size: 10px;
    padding: 3px;

}

.breadcrumb-nav li:before{

    display: none;

}



.breadcrumb-nav li a{

    padding-right: 5px;

}

.search-tab-container .nav-link{

    padding: 0;

    border: 0;

    display: inline-block;

    border-width: 1px;

    border-style: solid;

    border-color: #d0d3d9;

    -webkit-text-decoration: none;

    text-decoration: none;

    vertical-align: bottom;

    font-size: 14px;

    line-height: 42px;

    background-color: transparent;

    transition: color 0.2s ease, background-color 0.2s ease;

    white-space: nowrap;

    padding: 0 12px;

    z-index: 0;

    color: #3c475b;

    padding-left: 12px;

    padding-right: 12px;

    border-radius: 0px;

    font-weight: 600;

}





.search-tab-container .nav-tabs .nav-item.show .nav-link, 



.search-tab-container .nav-tabs .nav-link.active{

    color: #0ea800;

    border-color: #0ea800;

    background-color: #f3faf2;

    z-index: 1;

    border-width: 1px;

}



.search-tab-container .nav-link svg {

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    vertical-align: middle;

    width: 24px;

    height: 24px;

    width: 18px !important;

    height: 18px !important;

    margin-top: -4px;

    margin-right: 5px;

}

.search-tab-container #nav-tab{

    border:0px;

}



.search-item-content{

    padding: 12px 12px 12px 18px;

   

   

}

.search-listing-item {

    border-radius: 3px;

    overflow: hidden;

    position: relative;

    background-color: #fff;

    box-shadow: 0px 1px 3px rgba(30, 41, 61, 0.1), 0px 1px 2px rgba(30, 41, 61, 0.2);

    display: flex;

    width: 100%;

    flex-direction: column;

    height: 100%;

    border-radius: 0;

    border-radius: 3px;

    margin-bottom: 30px;

    height: auto;

    

}



.slider-item{

    background-size: cover !important;

    background-position: center center !important;

    height: 480px;

}



.search-tab-listing{

    margin: 30px 0px;

}

.listing-card-branding {

    background-color: #0ea800;

    display: flex;

    padding: 6px 12px 6px 18px;

    align-items: center;

    justify-content: space-between;

}





.listing-card-branding .card-img {

    width: 48px;

    height: 48px;

border-radius: 50%;

border: 1px solid #fff;

margin-right: 12px;

overflow: hidden;

align-self: center;
background: #fff;

}

.card-left-list{

    display: flex;

    align-items: center;

}



.card-name span{

    font-weight: 400;

    font-size: 16px;

    line-height: 1em;

    display: inline-block;

    color: #fff;

}

.card-name span:nth-child(2){

    font-weight: 500;

    display: block;

    padding-top: 3px;

}

.search-item-top{

    position: relative;

}



.search-item-top .list-price{

    border-radius: 6px;

    bottom: 20px;

    font-weight: 600;

    font-size: 15px;

    left: 20px;

    padding: 3px 12px;

    background-color: #fff;

    color: #181a20;

    position: absolute

}



.search-item-content h2{

    font-size: 25px;

    /* color: var(--grencolor); */

    font-weight: 800;

    color: #3C475B;

    line-height: 1em;

    margin: 10px 0px;

   



}

.search-item-content .features-list li svg{

    margin-left: 0px;

    margin-right: 6px;

}

.search-item-content .features-list li:last-child:before {

    content: '';

    display: inline-block;

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background-color: #3c475b;

    vertical-align: middle;

    margin-right: 10px;

    position: relative;

    top: -4px;

}

.search-item-content .features-list li:last-child{

    position: relative;

}



.recent-main-title{

    padding-top: 60px;

}

.footer-card{

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-top: 1px solid #ddd;

    padding-top: 15px;

    margin-top: 15px;

}

.footer-card-right svg{

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    vertical-align: middle;

    width: 24px;

    height: 24px;

    color: rgba(30, 41, 61, 0.3);

    fill: transparent;

    transition: color 0.2s ease-in-out, fill 0.2s ease-in-out;



}

.footer-card-right a:hover svg{

    color: #fc0;

}



button.header-back-button{

    border:0px;

    background: transparent;

    color: #7E8594;

    font-size: 14px;

    line-height: 1em;

    font-weight: 400;

    margin-right: 5px;

}

.breadcrumb-item span span, ul.breadcrumb-nav li button span {
    font-size: 12px;
    line-height: 1em;
    font-weight: 400;
    background: #fff;
    color: #f1540b;
    border-radius: 20px;
}

.breadcrumb-item a:hover{

    color: #0ea800;

}

.page-inner-container .breadcrumb-nav{

    margin-top: 0px;

    padding-top: 15px;

    margin-bottom: 15px;

}



.property-banner-container{

    height: 420px;

    background-size: cover !important;

    position: relative;

    

}



.property-banner-top{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.gallery-buttons-group button{

    font-size: 14px;

    border-radius: 3px 0px 0px 3px;
    border-radius: 5px;

    cursor: pointer;

    padding: 0 16px 0 14px;

    height: 42px;

    display: flex;

    align-items: center;

    background: #fff;

    pointer-events: all;

   color:#3c475b;

    border: 1px solid #1e293d;

}

.gallery-buttons-group button svg{

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    vertical-align: middle;

    width: 24px;

    height: 24px;

    margin-right: 10px;

}

.property-banner-container .container,.property-content-block .container{

    padding: 22px;

    margin: 0 auto;

    max-width:1020px;

}

.property-banner-container .container,.property-banner-container .row{

    height: 100%;

}



.property-banner-top .gallery-buttons-group,.gallery-buttons-group{

    display: flex;

}

.property-banner-top .gallery-buttons-group button:nth-child(2){

    border-radius: 0px 3px 3px 0px;

    border-left: 0px;

}



#share-modal .modal-header{

    background-color: #0ea800;

    border: 0px;

}



#share-modal .modal-header h1{

    color: #fff;

}

#share-modal .modal-header .btn-close{

    color: #fff;

    --bs-btn-close-bg:url(data:../img/downlod.png);

    opacity: 1;

    font-size: 40px;
    --cui-btn-close-bg:none;

}

#propertyLink {

    margin-bottom: 10px;

    font-size: 14px;

}

.share-listing ul li.list-social-share {

    margin: 15px 0px;

}

.share-listing ul li h4 {

    color: #0ea800;

    font-size: 18px;

    margin-bottom: 10px;

}

.share-listing ul li.list-social-share-link h4 {

    margin-top: 20px;

    font-size: 16px;

    margin-bottom: 5px;

    font-weight: 400;

}



#share-modal .modal-header .btn-close:focus{

    box-shadow: none;

}

.success-message {

    position: absolute;

    top: 48px;

    width: 270px;

    background: #fff;

    padding: 3px 10px;

    border-radius: 5px;

    font-size: 14px;

    background: #fff; 

}



/* .property-banner-bottom .gallery-buttons-group{

    position: absolute;

    left: 0px;

    bottom:18px;

} */

.property-button-bottom{

    position: absolute;
    margin-bottom: 0px;
    z-index: 99;
    /* margin-top: -20px; */
    bottom: -20px;
}

.property-button-bottom .gallery-buttons-group button:nth-child(2){

    border-left: 0px;

    border-right:0px;

    border-radius: 0px 0px 0px 0px;

}

.property-button-bottom .gallery-buttons-group button{

    border-color: #d0d3d9;

    border-radius: 0px;

}



.property-button-bottom .gallery-buttons-group button:nth-child(3){

    border-top-left-radius: 0px;

    border-bottom-left-radius: 0px;

}



.btn-pic-right,.btn-floor-label {

   

    min-width: 22px;

    height: 16px;

    line-height: 16px;

    background: #d0d3d9;

    font-size: 12px;

    border-radius: 8px;

    text-align: center;

    margin-left: 4px;

    border-radius: 100%;

    height: 22px;

    line-height: 22px;

    background: #e6e9ed;

    display: inline-block;

}



.listing-enquiry-card {

   

    background: var(--color-interactive-surface-default, #FFFFFF);

    border-radius: 3px;

    box-shadow: 0px 2px 8px 0px rgba(7, 6, 7, 0.04), 0px 4px 12px 0px rgba(7, 6, 7, 0.03);

    margin-top: 26px;

    width: 318px;

   

    padding-bottom:15px;

}
.card-en{
    position: -webkit-sticky;

    position: sticky;

    top: 20px;
    z-index: 2;

}



.listing-details-top{

    align-items: center;

    background: #f1540b;

    border-radius: 3px 3px 0 0;

    display: flex;

    height: 42px;

    justify-content: center;

}

.listing-details-top img{

    display: flex;

    height: 36px;

}

.listing-details-content {

    display: flex;

    flex-direction: row;

    margin:  12px  16px;

}

.avator-img {

    overflow: hidden;

    position: relative;

    text-align: left;

    border-radius: 50%;

    border-color: #D0D3D9;

    background-color: #FAFBFC;

    color: #D0D3D9;

    border: 1px solid;

    max-height: 78px;

    max-width: 78px;

    min-height: 78px;

    min-width: 78px;

}

.avator-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.avt-block{

    width: 78px;

}

.avator-img-content{

    width: calc(100% - 78px);

}

.avator-img-content{

    border-radius: 3px;

    display: flex;

    justify-content: center;

    align-items: end;

    flex-direction: column;

}

a.avator-img-content-1{

    font-weight: 700;

    font-size:16px;

    line-height: 24px;

    color:  #3C475B;

    overflow: hidden;

    padding-left: 12px;

    text-align: end;

    -webkit-text-decoration: none;

    text-decoration: none;

    text-overflow: ellipsis;

    text-wrap: nowrap;

    width: 192px;

    margin-bottom:4px;

}

a.avator-img-content-2{

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

    color: #3C475B;

    padding-left: 12px;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-align: center;

    text-align: end;

    max-width: 192px;

}

.avator-img-content a:hover{

    text-decoration: underline;

}



.button-enq-link{

    display: inline-block;

    padding: 8px 26px;

    border: 1px solid transparent;

    transition: background-color 0.2s linear;

    border-radius: 3px;

    font-size: 16px;

    line-height: 24px;

    font-weight: bold;

    text-align: center;

    cursor: pointer;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background-color: #0ea800;

    color: #fff;

    margin-bottom: 12px;

    visibility: visible;

    height: auto;

    transition: visibility 0.3s, height 0.3s linear;

    display: block;

    width: 100%;

    

}

.listing-main-buttonblock{

    margin:  12px  16px;

}

.button-call-link{

    display: inline-block;

    padding: 8px 26px;

    border: 1px solid transparent;

    transition: background-color 0.2s linear;

    border-radius: 3px;

    font-size: 16px;

    line-height: 24px;

    font-weight: bold;

    text-align: center;

    cursor: pointer;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-color: #1e293d;

    background: none;

    color: #3c475b;

    min-width: 155px;

    margin-bottom:16px;


    width: 100%;

}

.button-call-link:hover, .button-call-link:focus {

    background: rgba(208, 211, 217, 0.3);

    border-color: #1e293d;

    color: #3c475b;

}

.button-call-link svg ,.button-enq-link svg{

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    vertical-align: middle;

    width: 24px;

    height: 24px;

}

.button-call-link-span{

    padding-left: 10px;

}

.property-content-block{

    margin-top: -64px;
    margin-top: 120px;

}
.property-banner-right{
    position: absolute;
    top: 30px;
    right: 30px;
}

.property-banner-main .property-con-left{
    position: relative;
}

.property-main-content h2{

    font-size: 28px;

    line-height: 1em;

    font-weight: bold;

    color: #3c475b;

    margin-bottom: 10px;

}



.property-main-content  p{

    color: #555;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.8em;



}
.investing-guide ol{
    padding-left: 20px;
    margin-top: 10px;
}

.property-features-listing svg{

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    vertical-align: middle;

}



.property-features-listing{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    padding: 10px 0px;

}

.property-features-text-container{

    padding: 0px 6px 0px 3px;

}



.listing-summary-property-type{

    font-weight: 600;

    padding-left: 15px;

}



div.border-line{

    border:0px;

    margin-bottom: 24px;

    padding-bottom: 24px;

    border-bottom: 1px solid #d0d3d9;

}

ul.features-property-lising {

    list-style: initial;

    list-style-position: inside;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    padding-top: 10px;

}



ul.features-property-lising li {

    list-style-type: none;

    width: 33.33333%;

    padding-right: 18px;

    margin-bottom: 6px;

    /* overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis; */
    font-size: 16px;


}
.form-ask-container .form-group-lising{
    align-items: inherit;
}
.ul.features-property-lising li{

    color: #3c475b;

    font-weight: 400;

    font-size: 16px;

    line-height: 1.4em;

}

ul.features-property-lising li.features-property-item img {

    margin-right: 10px;

}

.features-property .row-nearby-heading:nth-child(2) {

    background-color: #f1540b;

    color: #fff;

    margin-left: 0px;

    padding: 5px;

}

.property-des p{

    margin-bottom: 15px;

}

.property-des h6{

    margin-bottom: 15px;

    color: #3c475b;

    font-weight: 500;

    font-size: 18px;

    line-height: 1.4em;

}



.ask-property-container{

    display: block;

    padding: 24px 30px;

    border: 1px solid #e6e9ed;

    border-radius: 3px;

    margin-top: 60px;

}



.listing-checkbox-group .checkbox-label{

    display: inline-flex;

    align-content: center;

    cursor: pointer;

    position: relative;

    width: 100%;

    margin-bottom: 15px;

    flex: 0 50%;

    font-size: 14px;

}

.listing-checkbox-group {

    

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

        margin-bottom: 12px;

}



.main-checkbox-input {

    margin-right: 10px;

    width: 24px;

}

.listing-checkbox-group .main-checkbox {

    position: absolute;

    opacity: 0;

    z-index: 2;

    width: 60px;

    height: 30px;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

    cursor: inherit;

}

.main-checkbox-indicator {

    position: relative;

    pointer-events: none;

    user-select: none;

     transition: 200ms background-color ease-out, 200ms color ease-out, 200ms border-color ease-out, 200ms opacity ease-out, 200ms box-shadow ease-out;

    width: 24px;

    height: 24px;

    background-color:  #FFFFFF;

    border: 1px solid #D0D3D9;

    text-align: center;

    border-radius: 3px;

}

input:checked ~ .main-checkbox-indicator,

 input:checked ~ * .main-checkbox-indicator, 

 input:indeterminate ~ .main-checkbox-indicator,

  input:indeterminate ~ * .main-checkbox-indicator{

    border: 0px;

  }

.checkbox-indicator-icon {

    border-radius: 2px;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    transition: opacity 200ms cubic-bezier(0.4,0,0.23,1);

    background-color:  #0EA800;

    opacity: 0;

}



.listing-checkbox-group .main-checkbox:checked ~ * .checkbox-indicator-icon{

    opacity: 1;

}

.checkbox-indicator-icon-1 {

    position: absolute;

    margin: auto;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    position: absolute;

    margin: auto;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    transform: translate(14px, 1px) rotate(-57deg) scale(1);

}



.listing-checkbox-group .main-checkbox:checked ~ * .checkbox-indicator-icon-1::before,

 .listing-checkbox-group .main-checkbox:checked ~ * .checkbox-indicator-icon-1::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 1px;

    height: 2px;

    background-color:#FAFBFC;

}

.listing-checkbox-group .main-checkbox:checked ~ * .checkbox-indicator-icon-1::before {

    width: calc(24px* 0.5);

}

.listing-checkbox-group .main-checkbox:checked ~ * .checkbox-indicator-icon-1::after {

    width: calc(24px* 0.25);

    transform-origin: 1px 1px;

    transform: rotate(-78deg);

}

.checkbox-indicator-icon-2 {

    position: absolute;

    margin: auto;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}

.listing-checkbox-group .main-checkbox:checked ~ * .checkbox-indicator-icon-1  {

    

    transform: translate(7px, 1px) rotate(-57deg) scale(0.7);

    transform: translate(14px, 1px) rotate(-57deg) scale(1);

}



.form-ask-container .form-group{

    margin-bottom: 20px;

}

.form-ask-container h2{

    font-size: 20px;

}

.form-ask-container label.label{

    font-size: 14px;

    margin-bottom: 3px;

    font-weight: bold;

    color: #3c475b;

    line-height: 1em;



}

.form-ask-container .form-control{

    width: 100%;

    max-width: 100%;

    padding: 8px 8px;

    border: 1px solid  #D0D3D9;

    border-radius: 3px;

    font-size: 14px;

    line-height:  24px;

    font-weight:  400;

    text-transform: none;

    color:  #3C475B;

    min-width: 0;

    appearance: none;

    background:  #FFFFFF;

    transition: 150ms border-color ease-in, 150ms color ease-in, 150ms box-shadow ease-in;

   

}

.form-ask-container input.form-control::placeholder{

   color: #7E8594;

   font-weight: 600;

   

}

.form-ask-container .border-line{

    padding-bottom: 0px;

}

.form-ask-container input.form-control{

    font-size: 14px;

}



.form-group-lising{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.form-group-lising .form-left{

    width: 50%;

    padding-right: 6px;

    margin-bottom: 12px;

}

.form-group-lising .form-right{

    width: 50%;

    padding-left: 6px;

    margin-bottom: 12px;

}

.form-ask-container textarea.form-control{

    min-height: 120px;

    resize: auto;

}



.submit-btn {

    display: inline-block;

    padding: 8px 26px;

    border: 1px solid transparent;

    transition: background-color 0.2s linear;

    border-radius: 3px;

    font-size: 16px;

    line-height: 24px;

    font-weight: bold;

    text-align: center;

    cursor: pointer;

    appearance: none;

    background-color: #0ea800;

    color: #fff;

    width: 100%;

   



}

.submit-btn:focus,.submit-btn:hover{

    border-color: transparent;

    background-color: #0c9700;

    color: #fff;

}

.ask-property-container p{

    color: #3c475b;

    font-weight: 400;

    font-size: 14px;

    line-height: 1.6em;

}

.ask-property-container p a{

    color: #0ea800;

    



}

.form-ask-container p{

    margin: 0px;

}

.accordion-button{

    background-color: #fafafa;

    font-weight: 500;

}

.accordion-button:hover,.accordion-button:focus{

    box-shadow: none;

    background-color: #e1f4e0;

    color: #0ea800;

}



.accordion-button:not(.collapsed){

    background-color: #e1f4e0;

    color: #0ea800;

}

.accordion-body{

    color: #3c475b;

    font-weight: 400;

    font-size: 14px;

    line-height: 1.6em;

}

.accordion-body a{

    color: #0ea800;



}

/* Property Detail */

.pd-property-label {

    font-size: 25px;

    font-weight: 300;

}

.pd-city {

    background-color: rgba(15, 151, 0, 1);

    color: #fff;

    padding: 2px 10px;

    border-radius: 3px;

    font-size: 14px;

    line-height: 18px;

    display: inline-block;

    margin-right: 10px;

}

.pd-area {

    background-color: rgba(15, 151, 0, 0.2);

    color: #000;

    padding: 2px 10px;

    border-radius: 3px;

    font-size: 14px;

    line-height: 18px;

    display: inline-block;

    margin-right: 10px;

    font-weight: 500;

}

.pd-address {

    font-size: 14px;

}

.pd-tag {

    font-size: 24px;

}

.property-detail-row {

    display: flex;

    padding: 5px 5px;

    padding-left: 0px;

}

.pd-name {

    width: 150px;

    text-align: right;

    padding-right: 10px;

    font-weight: 600;

    font-size: 14px;

    color: #0ea800;

}

.pd-value {

    width: calc(100% - 150px);

    padding-left: 10px;		

}

.pd-price {

    font-size: 24px;

}

.property-detail-tag-row {

    align-items: center;

    margin-bottom: 20px;

}

.property-detail-tag-row .pd-name, .property-detail-tag-row .pd-value {

    padding: 15px 10px;

}

.property-detail-tag-row .pd-name {

    background-color: #0ea800;

    color: #FFF;

    font-size: 22px;

}

.property-detail-tag-row .pd-value {

    background-color: #fafafa;

    color: #222;

}

.listing-details-top h4 {

    color: #fff;

    font-size: 17px;

    font-weight: 500;

    text-transform: uppercase;

}

/* Property Detail */







.property-banner-main{

    display: flex;

}

.property-banner-container-left{

    /* width: 100%;

    height: 420px;

    background-position: center;

    background-size: contain;

    background-repeat: no-repeat;    */
    width: 800px;
    height: 534px;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;

}
.property-banner-container-left img{

width: 100%;
height: 534px;
object-fit: cover;
}

.property-banner-container .property-banner-main,.property-main-top {

    background-color: #eee;

}
.property-main-top .container{
    max-width: 1280px;
    padding: 0px 12px;
}

.property-banner-container-right{

    width: 50%;

    height: 420px;

    background-size: cover !important;

    border-left: 2px solid #fff;

    

}



.modal.modal-slider {

    width: 100%;

    height: 100%;

    margin: 0px;

    will-change: opacity;

    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);

    background-color: #000;

}

.modal.modal-slider .modal-dialog{

    width: 100%;

    height: 100%;

    margin: 0px auto;

    max-width: 100%;

    

    

}

.modal.modal-slider .modal-dialog .modal-content{

    background-color: transparent;

}

.property-main-to .property-banner-right{

    position: absolute;

    top: 0px;

    right: 10px;

    margin-top: -380px;

}



.property-main-to .container{

    padding: 22px;

    margin: 0 auto;

    max-width: 1020px;

    position: relative;



}

.modal.modal-slider .modal-header .btn-close {

    color: #fff;

    --bs-btn-close-bg: url(data:../img/downlod.png);

    opacity: 1;

    font-size: 40px;

    position: relative;

    top: 20px;

    right: 20px;

    z-index: 999;

}



.modal.modal-slider .modal-header{

    border:0px;

}





.slider-popup-container .slider .slick-prev:before,.slider-popup-container .slider-vertical .slick-next:before {

	display: none;

}
.news-block-main-inner.slick-initialized.slick-slider{
    position: relative;
}


.slider-popup-container .slider .slick-prev, .slider-popup-container .slider .slick-next {

    width: 28px;

    height: 28px;

    border-style: solid;

    margin: 10px;

    display: inline-block;

    margin: auto;

    left: 0;

    right: 0;

		top: 0;

		bottom: 0;

    z-index: 10;

    cursor: pointer;

}

.slider-popup-container .slider .slick-prev:before, .slider-popup-container .slider .slick-next:before {

	display: none;

}

.slider-popup-container .slider .slick-prev {

    border-width: 14px 14px 14px 0px;

    border-color: transparent #ffffff;

    left: -100px;

		right: auto;

}

.slider-popup-container .slider .slick-next {

    border-width: 14px 0px 14px 14px;

    border-color: transparent #ffffff;

    right: -100px;

    left: auto;

}	

.slider-popup-container .slider .slick-prev:hover, .slider .slick-next:hover {

    /* border-color: transparent #ffd200; */

    background-color: transparent;

    opacity: 0.7;

}

.slider-popup-container .slider .slick-prev.slick-disabled,

.slider-popup-container .slider .slick-next.slick-disabled,

.slider-popup-container  .slider .slick-prev.slick-disabled:hover, 

.slider-popup-container  .slider .slick-next.slick-disabled:hover {

	/* opacity: 0.1;

	cursor: default;

    border-color: transparent #000000; */

}

.slider-popup-container .slider div {
	text-align: center;
	font-size: 75px;
	color: #ffffff;
	background: #000;
}

.slider-popup-container .slider-thumb div ,.slider-popup-container .slider-thumb1 div {
	line-height: 50px;
	font-size: 25px;
    display: flex;
    align-items: center;
    
}
.slider-popup-container .slider-thumb div ,.slider-popup-container .slider-thumb .slick-list.draggable {
	background: #222;
}
.slider-popup-container .slider-thumb div ,.slider-popup-container .slider-thumb .slick-list.draggable .content-item-thumb {
	background: #222;
	height: 165px;
}

.slider-popup-container .slider-thumb .slick-slide.slick-current {

	background: green;

}

.slider-popup-container .slider-content,.slider-popup-container .slider-content1{

    opacity: 0;

    

}

.slider-popup-container .slider-thumb,.slider-popup-container .slider-thumb1{

    opacity: 0;

   

}

.slider-popup-container .slider-thumb .content-item-thumb,

.slider-popup-container .slider-thumb1 .content-item-thumb{

    margin:20px 3px;

}



.slider-popup-container .slider-thumb .content-item-thumb img,

.slider-popup-container .slider-thumb1 .content-item-thumb img{

    border: 1px solid #333;

   

}

.slider-popup-container .slider-content.open,.slider-popup-container .slider-thumb.open,

.slider-popup-container .slider-content1.open,.slider-popup-container .slider-thumb1.open{

    opacity: 1;

}

.slider-popup-container{

    max-width: 1000px;

    margin: 0 auto;

}



.slider-popup-container .slider-content img,.slider-popup-container .slider-content1 img{
	max-height: 500px;
    width: auto;
    margin: 0px auto;
}



.modal-slider .modal-header{

    padding:0px;

}



.main-slider .slick-slide,

.main-slider .slick-slide::before,

.main-slider .caption {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.main-slider .slick-slide::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.main-slider {

    position: relative;

    width: 100%;

    height: 41vw;

    min-height: 8vw;

    margin-bottom: 80px;

    opacity: 0;

    visibility: hidden;

    transition: all 1.2s ease;

}



.main-slider.slick-initialized {

    opacity: 1;

    visibility: visible;

}



.main-slider .slick-slide {

    position: relative;

    

}



/* .main-slider .slick-slide::before {

    background-color: #000;

    opacity: 0.3;

    z-index: 1;

} */



.main-slider .slick-slide video {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    transform: translate(-50%, -50%);

}



.main-slider .slick-slide iframe,.main-slider .slick-slide source {

    position: relative;

    /*pointer-events: none;*/

    height: 100% !important;

    width: 100% !important;

}



.main-slider .slick-slide figure {

    position: relative;

    height: 100%;

}



.main-slider .slick-slide .slide-image {

    opacity: 0;

    height: 100%;

    background-size: cover !important;

    background-position: center !important;

    transition: all 0.8s ease;

    opacity: 1;

}



.main-slider .slick-slide .slide-image.show {

    opacity: 1;

}



.main-slider .slick-slide .image-entity {

    width: 100%;

    opacity: 0;

    visibility: hidden;

}



.main-slider .slick-slide .loading {

    position: absolute;

    top: 44%;

    left: 0;

    width: 100%;

}



.main-slider .slick-slide .slide-media {

    animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);

}



.main-slider .slick-slide.slick-active {

    z-index: 1;

}



.main-slider .slick-slide.slick-active .slide-media {

    animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);

}



.main-slider .slick-slide.slick-active .caption {

    opacity: 1;

    transform: translateY(0);

    transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;

}



.caption {

    position: absolute;

    top: 44%;

    left: 5%;

    text-align: center;

    padding: 20px;

    border: 3px solid;

    color: #fff;

    margin: 0;

    font-size: 40px;

    font-weight: bold;

    letter-spacing: 0.02em;

    opacity: 0;

    z-index: 1;

    transition: all 0.3s ease;

    transform: translateY(100px);

}



.main-slider .slick-dots {

    text-align: center;

    padding-top: 15px;

    bottom: -55px;



}



.main-slider .slick-dots li {

    display: inline-block;

    vertical-align: top;

    margin: 0 8px;

}



.main-slider .slick-dots li button {

    width: 25px;

    height: 25px;

    border: none;

    cursor: pointer;

    border-radius: 50%;

    border: 2px solid var(--bs-site-red);

    box-shadow: 0 0 0 0 transparent;

    vertical-align: middle;

    color: #fff;

    background-color: var(--bs-site-red);

    transition: all 0.3s ease;

    opacity: 0.4;

}



.main-slider .slick-dots li button:focus {

    outline: none;

}



.main-slider .slick-dots li button:hover {

    opacity: 1;

}



.main-slider .slick-dots li.slick-active button {

    border-color: var(--bs-site-red);

    box-shadow: 0 0 0 2px #fff;

    opacity: 1;

}



.main-slider .slick-dots li.slick-active button:before,

.main-slider .slick-dots li:hover button:before {

    color: #fff;

    opacity: 1;

}



.main-slider .main-slider .slick-dots li button,

.main-slider .slick-dots li button {

    opacity: 1;

}



.main-slider .slick-dots li button:before {

    font-family: 'slick';

    font-size: 12px;

    line-height: 20px;

    position: absolute;

    top: 4px;

    left: 2px;

    color: var(--bs-site-red);

    opacity: 1;

}

.main-slider .item{

    width: 1000px;

}

@keyframes slideIn {

    from {

        filter: blur(15px);

    }



    to {

        filter: blur(0);

    }

}



@keyframes slideOut {

    from {

        filter: blur(0);

    }



    to {

        filter: blur(15px);

    }

}

@keyframes slideIn {

    from {

        filter: blur(15px);

    }



    to {

        filter: blur(0);

    }

}



@keyframes slideOut {

    from {

        filter: blur(0);

    }



    to {

        filter: blur(15px);

    }

}

.main-slider{

    opacity: 0;

}

.main-slider.open{

    opacity: 1;

}

/* mew */



/* footer */

.fo-top{

    padding-top: 65px;

     padding-bottom: 45px;

    background-color:#01143B;
    

}

.fo-top li,.fo-top li a, .fo-top li p{

    font-size: 14px;

    line-height: 1.9em;

    font-weight: 400;

    color: #c8c8c8;



}

.footer-list ul li a{

    font-size: 14px;

    line-height: 1.9em;

    font-weight: 400;

    color: #c8c8c8;



}

.footer-about img{
    width: 113px;
    margin-bottom: 10px;
}



#footer-container h3{

    font-weight: 700;

    font-size: 15px;

    text-transform: uppercase;

    margin-bottom: 17px;

    color: #fff;

}



.about-fo{

    margin-bottom: 0px;

}

ul.fo-social li{

    display: inline-block;
    line-height: 1em;
   

}
ul.fo-social li a{


    line-height: 1em;
   

}
.fo-social{
    display: flex;
    align-items: center;
}
ul.fo-social li i{

    font-size: 18px;
    line-height: 1em;
   

}

ul.fo-social li:not(:last-child){

    margin-right: 32px;

}
ul.fo-social li:nth-child(3){
    margin-right: 8px;
}
.app-list li{

    display: inline-block;

}

.app-list li:not(:last-child){

    margin-right: 5px;

}



.qr-listing li{

    display: flex;

    align-items: center;

    margin-top: 20px;

}

.qr-listing li p{

    font-size: 13px;

    line-height: 1.6em;

    font-weight: 400;

    color: #c8c8c8;

    margin-left: 16px;

}

.qr-listing img{

    width: 125px;

    height: 125px;

}



.fo-top ul li a:hover{

    color: #fff;

}



.fo-bottom{

    background-color: #00102E;

    padding:24px 0px 32px

}

#footer-container .fo-bottom h3{

    font-weight: 700;

    font-size: 15px;

    text-transform: capitalize;

    margin-bottom: 10px;

    color: #fff;



}

.fo-bottom p{

    font-size: 11px;

    line-height: 1.4em;

    font-weight: 400;

    color: #c8c8c8;

   



}





.inner-banner{

    background-color:#f1f7f0;

    padding: 100px 0px;

    text-align: center;

}

.inner-banner.inner-banner-list{

    background-color:#f1f7f0;



}



.inner-banner h2{

    font-weight: 600;

    font-size:30px;

    line-height: 1em;

   color: #0ea800;

}



.main-register-page .container {

  max-width: 1280px;

 

}



.form-container-block-reg{

    padding: 50px 0px;

}

.form-container-block-reg .form-top h3{

    padding-bottom: 0px;

    padding-top: 0px;

}



.form-container-block-reg .form-top h2{

    color: #0ea800;

    margin-bottom: 20px;

    font-size: 20px;

    line-height: 1em;

    font-weight: 700;



}

.form-container-block-reg .form-top{

    display: block;

}

.margin-btn.form-group{

    margin-bottom: 20px;

}

.form-container-block-reg .border-fo{

   margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid rgb(208, 211, 217);

}



.form-container-block .form-control{

    border: 1px solid rgb(208, 211, 217);

    padding: 13px 15px;

    line-height: 1em;

    color: #333;

    font-size: 14px;

    font-weight: 400;

    border-radius: 5px;

}

.form-container-block select{

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

    background: #fff url(../img/chevron-down.png) no-repeat center;

    background-position: center right;

    background-size: 20px;
    background-size: 15px;

}



.form-block{

    display: flex;

    align-items: center;

    max-width: 100%;

    margin-bottom: 15px;

}

.form-block label{

    padding-right: 15px;

    font-size: 16px;

    line-height: 1em;

    font-weight: 400;

    color: #333;

}

.form-block .form-control{

    width: calc(100% - 130px);

}

.form-block:last-child{

    margin-bottom: 6px;

}



.input-with-icon-left {

    position: relative;

    width: calc(100% - 130px);

}

.input-with-icon-left i {

    position: absolute;

    top: 0;

    color:#0ea800;

    text-align: center;

    width: 45px;

    height: 45px;

    font-size: 19px;

    background-color: #f1f7f0;

    border: 1px solid #e1fcdd;

    border-color: rgb(208, 211, 217);

    box-sizing: border-box;

    display: block;

    border-radius: 4px 0 0 4px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.input-with-icon-left .form-control {

    opacity: 1;

    border-radius: 4px;

    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05);

    padding-left: 65px;

    width: 100%;

    max-width: 450px;

}



.pro-inner{

    display: flex;

}

.property-form-container h2.main-title{

    font-size: 25px;

    line-height: 1em;

    font-weight: 700;

    color: #333;

    margin-bottom: 20px;

}

.pro-inner .pro-left{

    width: 50%;

    padding-right:30px;

}

.pro-inner .pro-right{

    width: 50%;

    padding-left:30px;

}



.form-content-mar{

    margin-top: 30px;

}



.input-with{

    display: flex;

    align-items: center;

}

.input-with select{

    margin-left: 15px;

}

.form-block-listing.form-block-listing-1{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.form-block-listing.form-block-listing-1 .form-block{

    width: 50%;

   

}

.main-register-page .tab-content .form-block {

    width: 100%;

    align-items: baseline;

}

#jd-property-add .tab-content .jd-input-number {

    width: 60px;

    border-radius: 0px;

    margin-left: 15px;

    height: 32px;

    line-height: 34px;

    padding: 5px;   
    margin-left: 0px;

}
#jd-property-add .form-block .form-control.listing_period{
    max-width: 140px;
}

#jd-property-add .tab-content .jd-input-number-medium {

    width: 120px;

}

#jd-property-add .tab-content .jd-input-text {

    border-radius: 0px;

    margin-left: 15px;

    height: 34px;

    line-height: 34px;

    padding: 5px;       

}

#jd-property-add .tab-content .jd-input-text-full {

    width: 100%;

    max-width: 400px;

}

#jd-property-add .tab-content .jd-input-select {

    width: 200px;

    padding: 2px 15px;

    height: 34px;

    line-height: 34px;

    margin-left: 15px;

    border-radius: 0;

}

#jd-property-add .tab-content .jd-input-select.jd-input-select-leftzero {

    margin-left: 0px;

}

#jd-property-add .tab-content .jd-leftzero {

    margin-left: 0px;

}

#jd-property-add .tab-content .jd-input-select-small {

    width: 120px;

}

#jd-property-add .features-property-lising .radioOption-Item {

    display: flex;

}

#jd-property-add .features-property-lising .radioOption-Item input[type=checkbox] {

    width: 20px;

    display: none;

}

#jd-property-add .features-property-lising .radioOption-Item label:has(> input[type=checkbox]:checked) {

    background: #f1f7f0;

}

#jd-property-add .row-nearby-heading {

    background-color: #f1540b;

    height: 40px;

    align-items: center;

    margin-bottom: 15px;

}

#jd-property-add .row-nearby-heading .col-nearby-heading {

    color: #fff;

}

#jd-property-add .row-nearby-data {

    margin-bottom: 15px;

}

#jd-property-add .col-nearby-heading-sector {

    width: 228px;

}

#additional-input .row {

    margin-bottom: 15px;

}

.div-set-on-map {

    flex-direction: column;

}

.form-block-listing.form-block-listing-1 .form-block:nth-child(odd){



}

.form-block-listing.form-block-listing-1 .form-block:nth-child(even){



}

.form-block-listing.form-block-listing-1 .form-block label{

    width: 100px;

}

.form-block-listing.form-block-listing-1 .form-block .form-control{

    width: calc(100% - 100px);

}



#pills-tab li.nav-item button{

    width: 100%;

    text-transform: uppercase;

    text-align: center;

    font-weight: 600;

    color: rgba(11, 151, 0);

    border: 1px solid;

    border-radius: 81px;

    font-size: 14px;

    line-height: 1em;

    padding: 9px 0px;
    
    pointer-events: none;



}

#pills-tab li.nav-item {

    width: 15%;

}

#pills-tab li.nav-item button.active{

    background: #f1540b;

    color: #fff;

    border: 1px solid #f1540b;

}



#pills-tab li.nav-item button:hover{

    border-color: #0ea800;

    color: #0ea800;

    background-color: #f1f7f0;

}

#pills-tabContent{

    margin-top: 40px;

}

 p.radioOption-Item input[type="radio"] {

    opacity: 0 !important;

    width: 0 !important;

    height: 0 !important;

    display: none;

}



 p.radioOption-Item label {

    display:block;

    padding: 10px;

    border: solid 1px #A9AFBA;

    transition: all 0.3s;

    padding: 12px 12px;

    border-radius: 3px;

    font-weight: 400;

    font-size: 14px;

    line-height: 1em;

    transition: background-color 200ms ease-out, color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out, box-shadow 200ms ease-out;

    cursor: pointer;

    color: rgb(60, 71, 91);

    width: 100%;

}

.pro-inner ul.features-property-lising-1 li{

    border: 0px;

    padding: 0px;

}

p.radioOption-Item{

    width: 100%;

}



#pills-tab ul.features-property-lising-1{

    width: 100%;

}

#pills-tabContent  ul.features-property-lising-1 li{

    border-radius: 0px;

    overflow: inherit;

    min-width: 18%;

    width: 18%;

}

ul.features-property-lising-1{

    width: 100%;

}

 p.radioOption-Item input[type="radio"]:checked ~ label {

    border-color: #0ea800;

    color: #0ea800;

    background-color: #f1f7f0;





  }



  #pills-tabContent  ul.features-property-lising-1 li span{

    font-weight: 400;

    font-size: 16px;

    line-height: 1em;

  }

  .main-tab-banner-inner #nav-tabContent{

    background-color: #fff;

    padding: 25px 20px;

    /* font-family: 'avenir_lt_std55_roman'; */

    padding-bottom: 15px;

  }

  

  .main-tab-banner-inner{

   

    /* font-family: 'avenir_lt_std55_roman'; */

  }

  .main-tab-banner-inner .nav-tabs .nav-link{

    color: #ccc;

    font-size: 17px;

    line-height: 1em;

    font-weight: 400;

    padding: 15px 60px;

    border: 0px;

    border-radius: 10px 10px 0px 0px;

    letter-spacing: 0.5px;

    margin-right: 10px;

    background: rgba(0, 0, 0, 0.04);

  }

  .main-tab-banner-inner .nav-tabs .nav-item.show .nav-link,   .main-tab-banner-inner .nav-tabs .nav-link.active, .main-tab-banner-inner .nav-tabs .nav-link:hover{

    color: #0ea800;

    background-color: #fff;

    font-weight: 600;



  }



  .form-inner-tab h6{

    margin: 0px;

    font-size: 17px;

    line-height: 1em;

    font-weight: 700;

    letter-spacing: 0.5px;

    color: #0ea800;

    font-family: 'avenir_lt_std55_book';



  }

  .form-search-listing{

    display: flex;

    align-items: center;

    margin-top: 20px;

  }



  .form-search-listing .form-1{

    width: 200px;

  }



  #select-search{

    color: #fff;

    background-color: #0ea800;

    padding: 6px 10px;

    font-size: 18px;

    line-height: 1em;

    font-weight: 400;

    letter-spacing: 0.5px;

    display: block;

    position: relative;

    display: flex;

    align-items: center;

    height: 54px;

    border-radius: 5px;

  }

  .text-span{

    display: flex;

    align-items: center;

    font-size: 16px;

  }



  .text-span img{

    width: 30px;

    margin-right: 15px;

  }

  .select-listing{

    width: 100%;

    position: relative;

  }

  .angle-down{

    position: absolute;

    right: 15px;

    width: 14px;

  }

  .listing-ul{

    position: absolute;

    left: 0px;

    top: 50px;

    width: 100%;

    background-color: #16910b;

    color:#fff;

    padding: 10px;

    padding: 0px;



  }

.listing-ul.t-dropdown-list img{

    width: 28px;

    margin-right: 10px;

   

}

.listing-ul li:not(:last-child){

  

    border-bottom: 1px solid #0ea800;



}

.listing-ul li:hover{

    background-color: #0ea800;

}



.t-dropdown-block .listing-ul li{

    cursor: pointer;

    margin: 0px;

    padding: 10px 10px;

    font-size: 16px;

    line-height: 1em;

    font-weight: 400;

    letter-spacing: 0.5px;

    display: block;

    position: relative;

    display: flex;

    align-items: center;

}



.t-dropdown-block .listing-ul li:not(:last-child){

    margin-right: 0px;

}



  .form-search-listing .form-2{

    padding-left: 10px;

    width: calc(100% - 360px);

  }

  .form-search-listing .form-3{

    

    width: 160px;

  }



  #select-search.active .angle-down{

    transform: rotate(180deg);

  }



.form-search-listing .form-2 .form-control{

    height: 53.71px;

    padding: 11px 15px;

    border: 2px solid #0ea800;

    border-radius: 10px 0px 0px 10px;

    font-size: 17px;

    line-height: 1em;

    font-weight: 600;

    border-right: 0px;

    font-family: 'avenir_lt_std55_book';

    color: #333;

    letter-spacing: 0.5px;

}

.form-search-listing .form-2 .form-control::placeholder{

    color: #999999;

}



button.search-btn {

    background-color: var(--grencolor);

    width: 100%;

    color: #fff;

    font-size: 20px;

    line-height: 1em;

    padding: 20px 26px;

    border-radius: 0px 0px 0px 0px;

    border: 0px;

    height: 53.71px;

    border: 0px;

    display: flex;

    align-items: center;

    justify-content: center;

    letter-spacing: 0.5px;

}

button.search-btn svg {

    stroke-linejoin: round;

    stroke-linecap: round;

    fill: none;

    vertical-align: middle;

    height: 24px;

    width: 24px;

    margin-right: 10px;

}

#exampleModal{

    z-index: 9999;

}

button.search-btn:hover,button.search-btn:focus{

    background-color: #000;

    color: #fff;

}



.form-filter-btn{

    display: flex;

    justify-content: flex-end;

    margin-top: 15px;

}

.form-filter-btn a{

    font-size: 16px;

    line-height: 1em;

    font-weight: 400;

    color: #0ea800;

    margin-right: 15px;

    display: flex;

    align-items: center;

}

.form-filter-btn img{

    margin-right: 5px;

    width: 22px;

}



.listing-search-top{

    padding:20px 20px;

    border: 1px solid #0ea800;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-radius: 10px;

    /* font-family: 'avenir_lt_std55_roman'; */

}

.listing-search-top p{

    color: #0ea800;

    width: 80%;

    font-size: 18px;

    line-height: 1em;

    font-weight: 600;

    letter-spacing: 0.5px;



}

.search-filter-container .listing-search-top  select,.search-filter-container .search-bar-content select,html .form-filter-inner .main-select{

    width: 20%;

    color: #0ea800;

    font-size: 18px;

    line-height: 1em;

    font-weight: 600;

    letter-spacing: 0.5px;

    border-color: #0ea800;

    padding: 9px 15px;

    background: #fff url(../img/chevron-down-green.png) no-repeat center;

    background-position: center right;

    background-size: 25px;

}



.search-filter-container .search-bar-content select, html .form-filter-inner .main-select{

    width: 100%;

    font-size: 16px;

    padding: 12px 15px;

}

.search-filter-container .search-bar-content .input-with-icon-left{

    width: 100%;

    font-size: 16px;

}

.search-filter-container .search-bar-content .input-with-icon-left .form-control{

   padding: 11px 15px;

   padding-left: 50px;

   color: #0ea800;

   font-size: 15px;

   line-height: 1em;

   font-weight: 600;

}



.search-filter-container .search-bar-content .input-with-icon-left .form-control::placeholder{

  

    color: #b8d8b6;

}

.search-filter-container .search-bar-content .input-with-icon-left i {

    position: absolute;

    top: 0;

    color: #0ea800;

    text-align: center;

    width: 42px;

    height: 42px;

    font-size: 17px;

}



.listing-search-content nav{

    margin: 20px 0px;

}



.searchbar-block{

    border: 1px solid #0ea800;

    border-radius: 10px;

    /* font-family: 'avenir_lt_std55_roman'; */

}

.search-bar-top{

    background-color: #0ea800;

    margin: 10px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 6px 6px;

}



.search-bar-top p{

    color: #0ea800;

    font-size: 16px;

    line-height: 1em;

    font-weight: 600;

    letter-spacing: 0.5px;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 1px;

    padding-left: 10px;



}

.search-bar-top button{

    color: #0ea800;

    font-size: 15px;

    line-height: 1em;

    background-color: #fff;

    padding: 10px 25px;

    border: 0px;

    border-radius: 5px;

    font-weight: 600;

    letter-spacing: 0.5px;



}



.listing-search-item{

    border: 1px solid #0ea800;

    border-radius: 10px;

    display: flex;

    width: 100%;

    margin-bottom: 20px;
    position: relative;

}

.search-tab-container{

    margin-bottom: 60px;

}

.search-listing-img{

    width: 52%;

    position: relative;

    overflow: hidden;

}

.featur-label{

    background-color: #0c9700;

    padding: 8px 72px;

    color: #fff;

    position: absolute;

    top: 31px;

    left: -64px;

   

    font-size: 18px;

    line-height: 1em;

    font-weight: 500;

    letter-spacing: 0.5px;

    transform: rotate(-45deg);

}



.search-listing-con{

    width: 48%;

}

.search-listing-img{

    border-radius: 10px 0px 0px 10px;

    height: 264px;

    background-size: cover !important;

   

}



.top-list-title{

    padding: 15px;

    display: flex;

    align-items: center;

   

    justify-content: space-between;

    padding-left: 22px;

    padding-top: 15px;

}

.top-list-title h4{

    color: #0ea800;

    font-size: 18px;

    line-height: 1em;

    font-weight: 600;

    letter-spacing: 0.5px;



}

.top-list-title span{

    color: #fff;

    background-color: #0ea800;

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1em;

    font-weight: 400;

    border-radius: 5px;

}

.middle-li-content{

    padding: 0px 15px 0px 15px;

   

    padding-left: 22px;

    display: inline-block;

    width: 100%;

}



.middle-li-content h2{

    color: #0ea800;

    font-size: 25px;

    line-height: 1em;

    font-weight: 500;

    letter-spacing: 0.5px;



}



.middle-li-top,.content-loco-li{

    display: flex;

    align-items: center;

    justify-content: space-between;

}



a.li-icon{

    border: 2px solid #0ea800;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #0ea800;

    height: 28px;

    width: 28px;

    font-size: 15px;

    border-radius: 50%;

}

.content-li-loca{

    display: flex;

    align-items: center;

    

     margin:15px 0px;

}

.content-li-loca i{

    color: #0ea800;

    font-size: 16px;



}

.content-li-loca span{

    color: #0ea800;

    font-size: 12px;

    padding: 4px 15px;

    border-radius: 5px;

    background: #bde3ba;

    margin: 0px 10px;

    line-height: 1em;

    font-weight: 600;



}



.content-li-loca h6{

    color: #0ea800;

    font-size: 12px;

    line-height: 1em;

    font-weight: 600;



}



.specificatin-liting ul{

    display: flex;

    align-items: center;

}

.specificatin-liting ul img{

    height: 19px;

    margin-right: 4px;

}

.specificatin-liting ul li span{

    color: #0ea800;

    font-size: 12px;

    line-height: 1em;

    font-weight: 600;

    margin-right: 18px;

    letter-spacing: 0.5px;

   



}

.view-details {

    float: right;

    color: #fff;

    background-color: #0ea800;

   

    font-size: 13px;

    line-height: 1em;

    padding: 10px 20px;

    border-radius: 0px;

    margin-top: 10px;

}



.list-footer{

    background-color: #eef8ed;

    margin: 5px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 15px;   

    margin-top: 9px;

    

}
.list-footer .view-details{
    margin: 0px;
    color: #fff;
    font-weight: 400;
}
html .list-footer{
    margin-top: 53px;
}



.list-footer-left h6{

    font-size: 12px;

    font-weight: 600;

    line-height: 1em;

    color: #222;

}

.list-footer-right ul{

    display: flex;

    align-items: center;

}

.list-footer-right ul a{

    font-size: 12px;

    font-weight: 600;

    line-height: 1em;

    color: #222;

    margin-right: 15px;



}

.list-footer-right ul li:last-child a{

    margin-right: 0px;

}



.list-footer-right ul a i{

    margin-right: 6px;

}

.list-footer-left h6:last-child{

    padding-top: 5px;

}

/* Range block */





.irs {

    position: relative; display: block;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

     -khtml-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;

}

    .irs-line {

        position: relative; display: block;

        overflow: hidden;

        outline: none !important;

    }

        .irs-line-left, .irs-line-mid, .irs-line-right {

            position: absolute; display: block;

            top: 0;

        }

        .irs-line-left {

            left: 0; width: 11%;

        }

        .irs-line-mid {

            left: 9%; width: 82%;

        }

        .irs-line-right {

            right: 0; width: 11%;

        }



    .irs-bar {

        position: absolute; display: block;

        left: 0; width: 0;

    }

        .irs-bar-edge {

            position: absolute; display: block;

            top: 0; left: 0;

        }



    .irs-shadow {

        position: absolute; display: none;

        left: 0; width: 0;

    }



    .irs-slider {

        position: absolute; display: block;

        cursor: default;

        z-index: 1;

    }

        .irs-slider.single {



        }

        .irs-slider.from {



        }

        .irs-slider.to {



        }

        .irs-slider.type_last {

            z-index: 2;

        }



    .irs-min {

        position: absolute; display: block;

        left: 0;

        cursor: default;

    }

    .irs-max {

        position: absolute; display: block;

        right: 0;

        cursor: default;

    }



    .irs-from, .irs-to, .irs-single {

        position: absolute; display: block;

        top: 0; left: 0;

        cursor: default;

        white-space: nowrap;

    }



.irs-grid {

    position: absolute; display: none;

    bottom: 0; left: 0;

    width: 100%; height: 20px;

}

.irs-with-grid .irs-grid {

    display: block;

}

    .irs-grid-pol {

        position: absolute;

        top: 0; left: 0;

        width: 1px; height: 8px;

        background: #000;

    }

    .irs-grid-pol.small {

        height: 4px;

    }

    .irs-grid-text {

        position: absolute;

        bottom: 0; left: 0;

        white-space: nowrap;

        text-align: center;

        font-size: 9px; line-height: 9px;

        padding: 0 3px;

        color: #000;

    }



.irs-disable-mask {

    position: absolute; display: block;

    top: 0; left: -1%;

    width: 102%; height: 100%;

    cursor: default;

    background: rgba(0,0,0,0.0);

    z-index: 2;

}

.lt-ie9 .irs-disable-mask {

    background: #000;

    filter: alpha(opacity=0);

    cursor: not-allowed;

}



.irs-disabled {

    opacity: 0.4;

}





.irs-hidden-input {

    position: absolute !important;

    display: block !important;

    top: 0 !important;

    left: 0 !important;

    width: 0 !important;

    height: 0 !important;

    font-size: 0 !important;

    line-height: 0 !important;

    padding: 0 !important;

    margin: 0 !important;

    outline: none !important;

    z-index: -9999 !important;

    background: none !important;

    border-style: solid !important;

    border-color: transparent !important;

}









.irs {

    height: 55px;

}

.irs-with-grid {

    height: 75px;

}

.irs-line {

    height: 6px;

     top: 33px;

    background: #e4e4e4;

    border: 1px solid #CCC;

    border-radius: 16px;

    -moz-border-radius: 16px;

}

    .irs-line-left {

        height: 6px;

    }

    .irs-line-mid {

        height: 6px;

    }

    .irs-line-right {

        height: 6px;

    }



.irs-bar {

    height: 6px;

     top: 33px;

    border-top: 1px solid #0ea800;

    border-bottom: 1px solid #0ea800;

    background: #0ea800;

    

}

    .irs-bar-edge {

        height: 6px; top: 33px;

        width: 14px;

        border: 1px solid #0ea800;

        border-right: 0;

        background: #0ea800;

     

        border-radius: 16px 0 0 16px;

        -moz-border-radius: 16px 0 0 16px;

    }



.irs-shadow {

    height: 2px; top: 38px;

    background: #000;

    opacity: 0.3;

    border-radius: 5px;

    -moz-border-radius: 5px;

}

.lt-ie9 .irs-shadow {

    filter: alpha(opacity=30);

}



.irs-slider {

    top: 27px;

    width: 17px; 

    height: 17px;

    border: 4px solid #0ea800;

    background: #fff;

    border-radius: 20px;

    -moz-border-radius: 20px;

    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);

    cursor: pointer;

}



.range-slider{

   

    margin-top: -10PX;

}



.irs-slider.state_hover, .irs-slider:hover {

    background: #FFF;

}



.irs-min, .irs-max {

    color: black;

    font-size: 12px; line-height: 1.333;

    text-shadow: none;

    top: 0;

    padding: 1px 5px;

    background: rgba(0,0,0,0.1);

    border-radius: 3px;

    -moz-border-radius: 3px;

    display: none;

}



.lt-ie9 .irs-min, .lt-ie9 .irs-max {

    background: #ccc;

}



.irs-from, .irs-to, .irs-single {

    color: #fff;

    font-size: 14px; line-height: 1.333;

    text-shadow: none;

    padding: 1px 5px;

    background: #8c131c;

    border-radius: 3px;

    -moz-border-radius: 3px;

    display: none;

}

.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {

    background: #999;

}



.irs-grid {

    height: 27px;

}

.irs-grid-pol {

    opacity: 0.5;

    background: #428bca;

}

.irs-grid-pol.small {

    background: #999;

}



.irs-grid-text {

    bottom: 5px;

    color: #99a4ac;

}



.irs-disabled {

}



.extra-controls.form-inline .form-group{

    display: flex;

    justify-content: center;

    align-items: center;

    max-width: 320px;

    margin: 5px auto;

    margin-bottom: 0px;

}



.search-bar-content{

   

}

.search-bar-content .form-content{

    margin-bottom: 25px;

}

.range-block{

    margin-bottom: 10px;

}

.search-bar-content .radio-input label {



    border: solid 1px #0ea800;

    padding: 12px 15px;

    border-radius: 3px;

    font-weight: 600;

    font-size: 15px;

    line-height: 1em;

    color: #0ea800;

}



.form-container-block .extra-controls.form-inline .form-control{

    color: #0ea800;

    font-size: 17px;

    line-height: 1em;

    font-weight: 600;

    background-color: #eeeff3;

    padding: 8px 10px;

    border-radius: 10px;

    border: 0px;

   



}

.search-bar-content h6{

    color: #0ea800;

    font-size: 16px;

    line-height: 1em;

    font-weight: 600;

    padding-bottom: 10px;



}



.form-container-block .extra-controls.form-inline p{



        color: #0ea800;

        font-size: 12px;

        line-height: 1em;

        font-weight: 600;

       

        padding-bottom: 4px;

        padding-left: 5px;



}



.line-span{

    border: 1px solid #6d6d6d;

    width: 20px;

    margin: 0px 15px;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 20px;

}

/* end range slider */



.search-bar-content{

    padding: 15px;

}


.search-tab-container #map-wrapper{
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    z-index: 2;
 

}


/* Google Map info */
html .gm-style-iw-chr{
    /* padding: 10px;
    background-color: #f1540b;
    color: #fff; */
}
html .gm-style-iw-d{
    padding: 10px;
    border-top: 1px solid #ebebeb;
}
html .gm-style .gm-style-iw-c{
    padding: 0px;
}
html .gm-ui-hover-effect{
    height: 25px !important;
    width: 30px !important;
    display: flex !important;
    align-items: center;
    align-items: center;
    /* justify-content: flex-end; */
    padding-right: 10px !important;
    margin-top: 6px !important;
}
html .gm-ui-hover-effect>span{
    margin:0px !important;
    align-items: center;
    justify-content: flex-end;
}
.property-map{
    display: flex;
   
}
html .map-img{
    width:150px;
}
html .map-img img{
    width: 150px !important;
    height: 150px !important;
    object-fit: cover;
    border-radius: 5px;
}
.property-map .map-content h3{
    font-size: 14px;
    line-height: 1.3em;
    color: #333;
    font-weight: 400;
    display: flex;
    margin-bottom: 10px;

}
.property-map .map-content {
    padding-left: 10px;
    margin-top: 0px !important;
    position: relative;
}
.property-map .map-content h3 i{
    color: #0EA800;
    padding-right: 3px;
}
.property-map .map-content ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.property-map .map-content ul li {
    padding: 5px 6px;
    background-color: #f3f8f2;
    border: 1px solid #0EA800;
    border-radius: 10px;
    margin-right: 5px;
    font-size: 12px;
    color: #0EA800;
    font-weight: 600;
    display: flex;
    align-items: center;
    letter-spacing: 0.5px;
   
    margin-bottom: 5px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    width:auto;
    height: auto;
    background-color: transparent;
    border: 0px;
    padding: 0px;
}
.property-map .map-content ul li img{
    height: 13px;
}
.property-map .map-content ul li span{
    margin-right: 3px;
}
.listing-checkbox-group {
    padding-bottom: 50px;
}
/* html .gm-ui-hover-effect>span{
    filter: brightness(0) invert(1);
} */
.property-map .map-content h4{
    margin: 0px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    position: absolute;
    left: 10px;
    bottom: 0px;
    color: #0EA800;
    font-size: 16px;
}

.develop-item{
    margin: 0px 10px;
}
/* MEDIA QUERIES */

.development-block-slider  button.slick-arrow-cus.slick-next-cus {
    right: -13px;
}
.development-block-slider  button.slick-arrow-cus.slick-prev-cus {
    left: -13px;
    left: -13px;
    z-index: 99;
}

.news-block-main .slick-track{
    margin: 0px;
}




@media screen and (max-width: 1390px) and (min-width:769px) {}



@media screen and (min-width:769px) {
    .form-group.popup-modal-group.policy-mod{
        margin-left: -12px;
    }
   html button.filter-btn span {
        display: inline-block;
        height: 39px;
        line-height: 39px;
    }

   .search-tab-container .col-md-4 {

        flex: 0 0 auto;

        width: 31.333333%;

    }

 .search-tab-container   .col-md-8 {

        flex: 0 0 auto;

        width: 68.66666667%;

    }







    .header-menu li.submenu-li:hover ul {

        height: 170px;

        opacity: 1;

        pointer-events: all;

    }

    .header-menu li.submenu-li:nth-child(2) ul,.header-menu li.submenu-li:nth-child(3) ul{

        height: 132px;

    }



    .submenu li {

        display: block;

        position: relative;

        margin: 0;

        /* padding: 10px 20px; */

        cursor: pointer;

        width: 100%;

        /* border-bottom: 1px solid #ebebeb; */

         /* pointer-events: inherit; */

    }



    .header-menu ul li {

        position: relative;

    }



    .header-menu ul li a {

        color: #fff;

        padding: 0px 5px 0px 8px;

        line-height: 44px;

        font-size: 16px;

        display: flex;

        align-items: center;

      

    }

    .header-top-right {
		margin-top: 26px;
        position: relative;

    }

    .header-login.login-user {

        position: absolute;

        right: 0;

        top: -46px;

        /* width: 400px; */

        text-align: right;  
        font-size: 15px;     

    }
    .header-login a{
        font-size: 15px;
    }
    .header-login.login-user  i{
        padding-right: 5px;
    }

    .header-login.login-user ul li {

        display: inline-block;

        color: #fff;

    }

    .header-top-right.loggedin {

        margin-top: 35px;

    }



    .header-menu .submenu li a {

        color: var(--bs-site-red);

        position: relative;

        

    }



    .header-menu ul li a:focus:after,

    .header-menu ul li a:hover:after {

        /* width: 100%;

        left: 0px; */

        width: calc(100% - var(--space-l, 24px));

        margin-left: calc(-50% + var(--space-xs, 8px));

    }



    .header-menu .submenu li:hover a {

        color: #fff;

    }



    .header-menu ul li:last-child a {

        margin-right: 0px;

    }



    .header-menu ul li a svg {

        width: 18px;

        height: 18px;

    }



    .header-menu ul li a:after {

        position: absolute;

        bottom: -3px;

        left: 50%;

        right: 0;

        margin: 0;

        content: '';

        color: transparent;

        background-color: #fff;

        height: 3px;

        transition: width 0.15s linear, margin 0.15s linear;

        margin-left: 0;

        width: 0;

    }



    .header-menu ul li {

        position: relative;

        display: inline-block;



    }



    .submenu {

        display: block;

        position: absolute;

        left: 0;

        top: 100%;

        height: 0;

        width: 100%;

        /* overflow: hidden; */

        background: #fff;

        transition: .2s;

        min-width: 170px;

        border-radius: 5px;

        opacity: 0;

        padding: 15px;

        pointer-events: none;
        border: 1px solid #ebebeb;



        
    }
body:not(.home) .header-top {
    position: relative;
    z-index: 999;
}


    .submenu::after {

        position: absolute;

        bottom: 100%;

        left: 20px;

        width: 0px;

        height: 0px;

        content: "";

        pointer-events: none;

        margin-left: -7px;

        border-width: 7px;

        border-style: solid;

        border-top-color: transparent;

        border-right-color: transparent;

        border-left-color: transparent;

        border-image: initial;

        border-bottom-color: #fff

    }



    .header-menu li .submenu a:after {

        display: none;

    }



    .header-menu li .submenu a {

        padding: 0px;

        font-size: 18px;

        color: #515b6e;

        font-family: 'Amiri Regular';

        font-weight: 500;

        line-height: 1em;

        padding: 10px 0px;

        



    }



    .header-menu li .submenu a:hover {

        color: var(--grencolor);

    }
    #content-location-tab .form-block.area.property-block .jd-input-text-full{
        width:calc(100% - 130px);
        max-width: 100%;
    }



}



@media screen and (max-width:768px) {

    
    .form-filter-inner .form-inner-2 .radio-input.radioOption-Item label:has(> input[type=checkbox]:checked) {
        background: #0ea800;
        color: #fff;
    }
    .development-block-slider{
        padding: 0px 12px;
        padding: 0px;
    }
    .develop-item {
        margin: 0px 0px;
    }
    html .loginblock-container{
        padding: 40px 20px;
    }
    html button.slick-arrow-cus{
        height: 40px;
        width:40px;
    }
    .development-block-slider button.slick-arrow-cus.slick-prev-cus,html .news-block-main button.slick-arrow-cus.slick-prev-cus{
        left:5px;
    }
    .development-block-slider button.slick-arrow-cus.slick-next-cus,html .news-block-main button.slick-arrow-cus.slick-next-cus{
        right:5px;
    }
    html div.news-block ul li{
        padding: 0px 0px;
        padding-bottom: 15px;
    }
    html     .news-block-main {
        margin: 0px 12px;
    }
    /* html .slide-content{
       display: block !important;
    } */


    .mean-container .mean-nav ul li a {

        text-transform: capitalize;

        font-size: 16px;

        line-height: 16px;

        background-color:#f1540b

    }



    .mean-container .mean-nav ul li a.mean-expand {

        height: 23px;

    }



    .mean-container .mean-nav ul li {

        background: none;

    }



    .sf-menu ul {

        position: static;

    }



    .mean-container .mean-nav ul ul li a:hover {

        background-color: #0EA800;

    }



    .mean-container .mean-nav ul ul {

        /* background-color: rgba(30, 95, 182, 0.83); */

    }



    .mean-container .mean-bar {

        background-color: transparent;

        z-index: 999;

        right: 0px;

        top: 2px;

    }
    .noti-content h2 span{
        color: #333;
        font-size: 14px;
    }
    .noti-content h2 {
        color: #333;
        font-size: 14px;
    }



    html .mean-container a.meanmenu-reveal {

        width: auto;

        height: auto;

        padding: 0px;

        position: absolute;

        top: 27px;

        right: 8px !important;

        cursor: pointer;

        color: #fff;

        text-decoration: none;

        font-size: 16px;

        text-indent: inherit;

        line-height: 22px;

        font-size: 36px !important;

        display: inline-block;

        background-color: transparent !important;

        /* font-family: Arial, Helvetica, sans-serif; */

        color: #fff

    }
    body.login   .mean-container a.meanmenu-reveal{
        /* right: 40px !important; */

    }

    html .mean-container a.meanmenu-reveal i {
		font-size: 24px;
	}

    .main-menu-container {

        display: none;

    }



    html .mean-container a.meanmenu-reveal.meanclose {

        background-color: transparent !important;

        color: var(--bs-site-blue);

        color: var(--bs-black);

        top: 27px;
        color: #fff;

    }
 


    html .mean-container .mean-nav {

        margin-top: 60px;

    }

    .mean-container .mean-nav ul li a.mean-expand:hover {
        background:#0EA800;
    }













}







@media only screen and (max-width: 600px) {}



@media (max-width: 500px) {

    .footer-about {

        display: block;

        align-items: flex-start;

    }

}



@media (max-width: 767px) {



    .container,

    .container-sm {

        max-width: 100%;

    }


}



section.inner-banner {

    padding: 20px 0px;

}

section.inner-banner h2 {

    color: #0ea800;

    font-size: 32px;

    text-align: left;

}

.inner-banner .container {

    max-width: 1280px;

}



#share-video .slick-track, #share-video .slick-list{

    height: 100%;

}



/* Slider */
.services-slider {
    display: flex;
    /* max-width: 600px; */
    position: relative;
    
  }
  
  .nav-container .slick-current img {
  border: 2px solid #000;
  }
  
  .slider-main {
    width: 100%;
  }
  
  .main-container {
    width: 100%;
  }
  
  .nav-container img {
    max-height: 90px;
  }
  
  .nav-container .slick-slide {
    max-height: 90px;
    margin-bottom: 6px;
  }
  .nav-container {
    position: absolute;
    bottom: -5px;
    right: 0px;
    width: 64px;

  }
  
  .services-slider .slick-track {
    margin-right: 10px;
  }

  .services-slider .main-container{
    width: 100%;
    position: relative;
  }

  .property-con-right{
    width: calc(100% - 800px);
    padding-left: 20px;
  }
  
  @media (min-width: 1000) {
    .slider-nav {
      display: none !important;
    }
  }
  .sli-main-con-inner{
    display: flex;
  }
  .sli-main-con-inner .img-left{
    width: 76%;
  }
  .sli-main-con-inner .img-right{
    width: 24%;
  }

  .property-con-right h2{
    background-color: #25c01e;
    padding: 10px 15px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 1em;
    width: 100%;
    margin: 10px 0px;
    margin-top: 0px;
  }
  .property-con-right .botton-listing li a{
    background-color: #25c01e;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 1em;
    margin-bottom: 6px;
    display: block;
    text-align: center;
    height: 65px;
    margin-left: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

  }
  .nav-container .slick-slide:last-child{
    margin-bottom: 0px;
  }

  .property-con-right .botton-listing li a img{
    text-align: center;
    margin: 10px 0px;
    margin-bottom: 5px;

  }

  .property-con-right .botton-listing li a:hover{
    background-color: #F30F0F;
  }

  .gallery-buttons-group .gallery-buttons-share{
    margin-right: 5px;
  }

 .services-slider .slick-arrow{
    display: none !important;
 }
 .services-slider p.slick-arrow{
    display: none;
 }

 /* Dashboard */

 .container-fluid-sidebar {
    padding-top: 0px;
    margin: 0px auto;
}

.jd-dashboard{
    background-color: #f3f8f2;
    padding: 80px 0px;
}

.jd-dashboard .sidebar .sidebar{
    background-color: #fff;
    padding: 0px;
}

.jd-dashboard .sidebar .sidebar h3{
    padding: 13px 15px;
    color: #fff;
    background-color:#f1540b;
    font-size:18px;
    line-height: 1em;
}
.sidebar a {
    padding: 13px 15px;
    text-decoration: none;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 4px solid #F3F8F2;
    display: flex;
    align-items: center;
    line-height: 1em;
}
.sidebar a img{
    margin: 0px !important;
    margin-right: 5px !important;
}
.profile-picture img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border: 1px solid #0EA800;
    border-radius: 8px;
    position: absolute;
    right: 10px;
    top: 20px;
}

.profile-picture{
    position: relative;
}
.profile-container{
    box-shadow: none;
}

.profile-details h2 {
    font-size: 29px;
    margin-bottom: 20px;
    font-weight: 300;
    color: #1a1c1e;
    text-transform: capitalize;
}
.jd-dashboard .form-group label{
    color: #0EA800;
    font-weight: 500;
}
.jd-dashboard .form-group input{
    border-color: #ebebeb;
    padding-left: 0px;
}
.jd-dashboard .btn-update {
    background-color: #289525;
    color: white;
    font-weight: 500;
}

.jd-dashboard .btn-update:hover{
    background-color:#f1540b;
}



/* Agent Page */
.main-register-page.agent-main-page{
    background-color: #fafafa;
    padding: 80px 0px;
    padding-top: 20px;
}

#filter-form-ag{
    background-color: #f3f8f2;
    margin-bottom: 30px;
    /* background-color: #289525; */
}
.agent-title h2{
    color: #0EA800;
    font-size: 25px;
    line-height: 1em;
    margin-bottom: 0px;
}
.agent-content {
    color: #4e6072;
    font-size: 14px;
    line-height: 1em;
    font-weight: 400;
    margin-top: 15px ;
    margin-bottom: 30px;
}
.main-register-page.agent-main-page .form-container-block .form-control{
    border: 0px;
    color: #0EA800;
    color: #0ea800;
    font-size: 15px;
    line-height: 1em;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-color: #0ea800;
    padding: 9px 15px
}
.main-register-page.agent-main-page .form-container-block .form-control::placeholder{
    color: #0EA800;
}

.main-register-page.agent-main-page .form-container-block select.form-control{
    color: #0ea800;
    font-size: 15px;
    line-height: 1em;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-color: #0ea800;
    padding: 9px 15px;
    background: #fff url(../img/chevron-down-green.png) no-repeat center;
    background-position: center right;
    background-size: 25px;
}
.main-register-page.agent-main-page #search-input{
    /* background: #fff url(../img/search.png) no-repeat center;
    background-position: center right;
    background-size: 18px; */
}

.agent-box{
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .04);
    display: flex;
    width: 48%;
    margin-right: 10px;
}
.agent-box:nth-child(2n){
    margin-left: 10px;
    margin-right: 0px;
}
.agent-box img.agent-box-image{
    border-radius: 8px 0px 0px 8px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: contain;
}

.agent-main-image {
    border-right: 1px solid rgba(0, 0, 0, .11);
    flex: 0 0 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 220px;
    padding: 24px 30px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.main-register-page.agent-main-page .agent-main-con{
    /* max-width: 1100px;
    margin: 0 auto; */
}
.agent-whole{
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 220px);
}
.agent-top-title{
    color: #0EA800;
    font-size: 25px;
    line-height: 1em;
    margin-bottom: 15px;
    font-weight: 500;
}

.agent-top-content-location {
    color: #0ea800;
    font-size: 12px;
    padding: 6px 15px;
    border-radius: 5px;
    background: #F3F8F2;
   
    line-height: 1em;
    font-weight: 600;
    display: inline-block;
    padding-left: 5px;
}
.agent-top-content-location i{
    color: #0ea800;
    padding-right: 5px;
}

.agent-buttom{
    display: flex;
}
/* .property-content-block .listing-enquiry-card:nth-child(2){
    top: 320px;
} */

.agent-buttom-title1{
    border: solid 1px #0ea800;
    padding: 12px 5px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1em;
    border-color: #0ea800;
    color: #0ea800;
    /* background-color: #f1f7f0; */
    margin-right: 10px;
    margin-top: 20px;
    text-align: center;
    width: 83px;
    height: 83px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.agent-buttom-number{
    padding-top: 4px;
    color: #333;
    text-align: center;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    margin-top: 5px;
    background-color:#f1540b;
    border-radius: 3px;
    font-weight: 400;
}
.agent-buttom-title1 img{
    height: 25px;
}

.button-ag{
    display: flex;
    align-items: center;
    padding-top: 5px;
    flex-direction: column;
}
.button-ag span{
    padding-right: 0px;
}
.detail-bt-wrapper{
    float: right;
}
.detail-bt-wrapper a{
    float: right;
    color: #fff;
    background-color: #0ea800;
   
    font-size: 14px;
    line-height: 1em;
    padding: 10px 25px;
    border-radius: 0px;
    margin-top: 30px;

}
.detail-bt-wrapper a:hover{
    background-color:#f1540b;
}
.agent-footer{
    /* display: flex;
    justify-content: space-between; */
}

.agent-box-block{
    display: flex;
    flex-wrap: wrap;
}

.main-agent-block{
    margin: 30px 0px;
    padding: 40px 40px;
    border: 1px solid #0ea800;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
   
    max-width: 1100px;
    margin:30px auto;
}

.agent-top-left{
    width: 100%;
    display: flex;
    align-items: center;
}
.agent-top-right{
    width: 30%;
}

.agent-comp-logo img{
    height: 125px;
    width: 125px;
    /* border-radius: 50%; */
    /* border: 6px solid #eee; */
}
.agent-comp-logo {
    box-shadow: 0 0 14px rgba(0, 0, 0, .04);
    height: 150px;
    width: 145px;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.agent-left-content{
    width: calc(100% - 190px);
    width: 50%;
}

.agent-left-content h2,.agent-comp h2{
    color: #0EA800;
    font-size: 25px;
    line-height: 1em;
    margin-bottom: 15px;
    font-weight: 500;
}
.ag-listing  li a{
    color: #333;
    font-size: 15px;
    line-height: 1em;
    padding-bottom: 10px;
    display: block;
}
.ag-listing li i{
    color: #0EA800;
    padding-right: 5px;
    font-size: 16px;
}
.ag-listing  li:last-child a{
    padding-bottom: 0px;
}

.agent-left{
    display: flex;
    align-items: center;
}
.agent-comp{
    width: 48%;
    display: flex;
    align-items: center;
    border-right: 2px solid #0EA800;
    margin-right: 75px;

}

/* Steps */

/* Steps */
.step-container .step {
    position: relative;
    min-height: 5em;
    color: grey;
  }
  .step-container .step + .step {
    margin-top: 5.5em
  }
  .step-container .step > div:first-child {
    position: static;
    height: 0;
  }
  .step-container  .step > div:not(:first-child) {
    margin-left: 5.5em;
    padding-left: 1em;
  }
 .step-container  .step.step-active {
    color: #0EA800
  }
 .step-container .step.step-active .circle {
    background-color: #0EA800;
    color: #fff;
  }
  
 .step-container .step.step-active .circle  img{
    filter: brightness(0) invert(1);
  }
  
  /* Circle */
 .step-container .circle {
    background: #f3f8f2;
    position: relative;
    width: 5.5em;
    height: 5.5em;
    line-height: 1.5em;
    border-radius: 100%;
    color: #0EA800;
    text-align: center;
    box-shadow: 0 0 0 3px #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  
  /* Vertical Line */
 .step-container .circle:after {
    content: ' ';
    position: absolute;
    display: block;
    top: 1px;
    right: 50%;
    bottom: 1px;
    left: 50%;
    height: 100%;
    width: 2px;
    transform: scale(1, 2);
    transform-origin: 50% -100%;
    border: dashed 1px #D4D4D1;
    z-index: -1;
    height: 97%;
  }
  .step-container .step:last-child .circle:after {
    display: none
  }
  
  .step-container .step:first-child .circle:after {
    height: 100%;
    z-index: -1;
  }
  
  /* Stepper Titles */
 .step-container .title {
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 400;
    margin-top: 16px;

  }
 .step-container .caption {
    font-size: 0.8em;
  }

  .step-container{
    padding: 60px 0px;
    padding: 0px;
  }

  .step-main-form{
    padding: 60px 30px;
    border: 1px solid #0ea800;
    border-radius: 10px;
   
    background-color: #f3f8f2;
    margin-bottom: 30px;
    position: relative;
    min-height: 400px;

  }

  .step-main-form:before{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 24px 38px 24px 0;
    border-color: transparent #0ea800 transparent transparent;
    transform: rotate(0deg);
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -38px;
    margin-top: -34px;
    border-width: 11.5px 12px 11.5px 0;
    left: -13px;
 }

  

  .step-container .circle img{
    height: 30px;
  }

  .step-main-form h2{
    color: #0EA800;
    font-size: 30px;
    line-height: 1em;
    margin-bottom: 0px;
    font-weight: 600;
    text-align: center;
  }

  .step-form{
    display: flex;
    /* align-items: center; */
  }

  .step-form  .input-with-icon-left {
    position: relative;
    width: 100%;
}
  .step-form  .input-with-icon-left .form-control {
    padding: 11px 15px;
    padding-left: 50px;
    color: #0ea800;
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    border: 1px solid rgb(208, 211, 217);
    box-shadow: none;
}
.step-form  .input-with-icon-left .form-control::placeholder{
    color: #0ea800;
}
.step-form .input-with-icon-left i {
    position: absolute;
    top: 0;
    color: #0ea800;
    text-align: center;
    width: 42px;
    height: 42px;
    font-size: 17px;
}

.text-label{
    padding: 11px 15px;
    color: #0ea800;
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    border: 1px solid rgb(208, 211, 217);
    background-color: #fff;
    border-radius: 4px;
}

.step-form  label{
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    color: #000;
}

.step-form h3{
    color: #333;
    font-size: 18px;
    line-height: 1em;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 30px;
}
.step-form-left{
    width: 50%;
    padding-right: 20px;
}
.step-form-right{
    width: 50%;
    padding-left: 20px;
}

input[type="file"] {
    /* margin: auto;
    padding: 1.5em;
    border: 2px dashed #bbb;
    background-color: #fff;
    transition: border-color 0.25s ease-in-out; */
    border: 0px;
    margin: 0px;
    background: #fff;
    padding: 0px;
    border-radius: 0px 5px 5px 0px;
}
input[type="file"]::file-selector-button {
    padding:12px 20px;
    border-width: 0;
    border-radius: 5px 0px 0px 5px;
    background-color: #0EA800;
    color: #fff;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    margin-right: 1em;
    line-height: 1em;
    font-weight: 500;
    font-size: 15px;
}
input[type="file"]:hover {
    border-color: #000;
}
input[type="file"]:hover::file-selector-button {
    background-color: #000;
}

input[type="submit"] {
    float: right;
    color: #fff;
    background-color: #0ea800;
   
    font-size: 16px;
    line-height: 1em;
    padding: 13px 30px;
    border-radius: 0px;
    margin-top: 30px;
    border: 0px;
}

.log-item-listing h2{
    font-weight: bold;
    color: #10A800;
    font-size: 24px;
    line-height: 1.3em;
    margin: 20px 0px 20px 0px;
}
.log-item-listing ul li{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.log-item-listing ul li p{
   color: rgba(0,0,0,.56);
   font-size: 15px;
   font-weight: 400;
}
.log-item-listing ul li img{
    width: 20px;
    height: auto;
    margin-right: 10px;
}
.log-item-listing-agent{
    padding-bottom: 60px;
    padding-top: 40px;
}

.jd-dashboard.jd-dashboard-ag{
    padding: 0px;
    background: transparent;
}
.jd-dashboard.jd-dashboard-ag .col-3{
    width: 100%;
}

.become-agent-main{
    padding-top: 70px;
}
.jd-dashboard.jd-dashboard-ag .sidebar .sidebar{
    background-color: #fafafa;
}
.jd-dashboard.jd-dashboard-ag .sidebar .sidebar a{
    border-bottom-color: #fff;
}


.become-agent-main  .col-md-6{
        width: 48%;
    }

    .become-agent-main .col-12:nth-child(2){
       
        padding-left: 60px;
    }

    .step-main-form {
        padding: 30px 20px 15px;
        margin-left: 20px;
    }

    .step-main-form:before{
        margin-top: -69px;
    }
    .become-agent-main .step-main-form input[type="submit"] {
        border-radius: 5px;
    }
    .step-form .input-with-icon-left .form-control::placeholder {
        color: #bbb;
    }

    /* Search filter */
    .agent-input{
        display: flex;
        position: relative;
    }
    .agent-input .filter-sub{
        background: none;
        border: 0px;
        position: absolute;
        right: 0px;
        top: 5px;
    }
    .agent-input .filter-sub img{
        width: 20px;
    }


    /* Propety map View */

    .card-logo ul{
        display: flex;
        align-items: center;
    }

    .card-logo ul a{
        color: #fff;
    }
    .card-logo ul  li:nth-child(2){
        padding: 0px 10px;
    }

    .card-logo ul  li i{
        padding-right: 5px;
    }

    .search-tab-container.search-tab-container-map{
        padding-top: 60px;
    }
    .map-span{
        padding-top: 10px;
    }

    .search-tab-container-map  .footer-card-right{
        display: flex;
        align-items: center;
    }

    .search-tab-container-map  .footer-card-right .li-icon, .listing-search-item .li-icon{
        border: 0px;
        background-color: transparent;
        color: #0ea800;
        font-size: 20px;
    }

    .search-tab-container-map  .footer-card-right .shortlist-button.li-icon{
        padding-right: 8px;
        color: #f90;
    }
    .shortlist-button.li-icon{
        
        color: #f90;
    }

  .edit-btn {
    position: absolute;
    top: 26px;
    right: 20px;
    z-index: 99;
    position: absolute;
    top: 26px;
    right: 20px;
    z-index: 99;
    background: #fff;
    padding: 5px;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  .item-ser-main{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  h6.per-month{
    color: #555;
    font-weight: 400;
    font-size: 13px;
    line-height: 1em;
    margin-bottom: 0px;
    color: #f1540b;
  }
  .edit-btn.addbtn{
    top: 32px;
  }
  .edit-btn .img-edit{
    border: 0px;
    height: auto;
    width: 15px;
    position: static;
    border-radius: 0px;
  }
 .profile-picture .form-label{
    position: relative;
  }

  /* Table */
  .container-add-properties-formtable{
    background-color: transparent;
    margin-top: 20px;
    padding: 0px;
  }
  .container-add-properties-formtable .table-head {
    padding-right: 0px;
}
.table-responsive .table thead th{
    background-color: #0EA800;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
}
.jd-dashboard h2{
    font-size: 29px;
    margin-bottom: 20px;
    font-weight: 300;
    color: #1a1c1e;
    text-transform: capitalize;

}

.container-myproperties-details.profile-container{
    display: block;
    margin: 0px;
}
table .view-btn{
   
    color: #fff;
   
    font-size: 14px;
    line-height: 1em;
    padding: 10px 25px;
    border-radius: 0px;
    margin-top: 30px;
    background-color: #f1540b;
    border: 0px;
    display: inline-block;
    margin: 0px;
}
table .view-btn:hover{
    background-color: #0ea800;
}
.table>tbody {
    vertical-align: middle;
}
.next-button{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.next-button a{
    color: #fff;
   
    font-size: 14px;
    line-height: 1em;
    padding: 10px 25px;
    border-radius: 0px;
    margin-top: 30px;
    background-color: #0ea800;
    border: 0px;
    display: inline-block;
    margin: 0px;

}
.next-button a:hover{
    background-color: #f1540b;

}

.header-dash{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-dash a{
    color: #fff;
   
    font-size: 14px;
    line-height: 1em;
    padding: 10px 25px;
    border-radius: 0px;
    margin-top: 30px;
    background-color: #0ea800;
    border: 0px;
    display: inline-block;
    margin: 0px;
    border: 0px;
    margin: 0px;
    margin-bottom: 20px;
}
.header-dash a:hover{
    background-color: #f1540b;
    color: #fff;
}
.container-myproperties-details.profile-container table button.delete-btn{
    position: static;
    margin: 0px 5px;
}
.container-myproperties-details.profile-container .sold-form{
   padding-left: 5px;
}
.container-myproperties-details.profile-container .sold-form span{
   padding-left: 3px;
}

.search-bar  {
    border: 1px solid #0ea800;
    border-radius: 10px;
    /* */
    background-color: #f3f8f2;
    margin-bottom: 30px;
    position: relative;
    padding: 0px 10px;
}
.search-bar .form-control  {
    padding: 8px 15px;
    color: #0ea800;
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    border: 1px solid rgb(208, 211, 217);
    box-shadow: none;
    border-color: #0ea800;
}
.search-bar select  {
    color: #0ea800;
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-color: #0ea800;
    padding: 9px 15px;
    background: #fff url(../img/chevron-down-green.png) no-repeat center;
    background-position: center right;
    background-size: 25px;
    border: 1px solid rgb(208, 211, 217);
    border-radius: 5px;
    border-color: #0ea800;
}
.search-bar .form-control::placeholder{
    color: #0ea800;
}
.search-bar .filter-btn {
    color: #fff;
    /* */
    font-size: 14px;
    line-height: 1em;
    padding: 10px 25px;
    border-radius: 30px;
    margin-top: 30px;
    background-color: #f1540b;
    border: 0px;
    display: inline-block;
    margin: 0px;


}

.search-bar .filter-btn:hover{
    background-color: #0ea800;

}
.search-bar label{
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #0ea800;
    text-transform: capitalize;
}
.search-bar .col-md-3{
    padding: 0px 5px;
}
/* .search-bar .submit-col{
    padding: 0px 5px;
    padding-left: 0px;
} */

.property-form-container .photo-prop {
    border: 1px solid #eee;
    display: flex;
    flex-direction: column;
    width: 100px;
    height: 100px;
    align-items: center;
    justify-content: center;
    border: 0px;
    height: auto;
    width: auto;
}
.add-video-block{
    display: flex;
    align-items:center;
}

.media-append-container{
    border: 1px solid #0ea800;
    border-radius: 10px;
   
    background-color: #f3f8f2;
    margin-bottom: 30px;
    position: relative;
    padding: 20px
}
.media-append-container .create-btn{
    color: #fff;
   
    font-size: 14px;
    line-height: 1em;
    padding: 10px 25px;
    border-radius: 0px;
    margin-top: 30px;
    background-color: #f1540b;
    border: 0px;
    display: inline-block;
    margin: 0px;
    
}
.video-prop .media-append-container select{
    width: 30%;
    color: #0ea800;
    font-size: 15px;
    line-height: 1em;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-color: #0ea800;
    padding: 14px 15px;
    background: #fff url(../img/chevron-down-green.png) no-repeat center;
    background-position: center right;
    background-size: 25px;
    border: 1px solid rgb(208, 211, 217);
    border-radius: 5px;
    /* border-color: #0ea800; */
}
.video-prop .media-append-container .video-link .input-with-icon-left{
    width: 100%;
}
.video-prop .media-append-container .video-link{
    width: 67%;
    padding-left: 20px;
}
.video-prop .media-append-container .video-link .input-with-icon-left .form-control{
    width: 100%;
   
    max-width: 100%;
}
.add-video-block{
    margin-bottom: 20px;
}

.vid-del{
    width: 3%;
    padding-left: 10px;
}
.vid-del button{
    border: 0px;
    background-color: var(--bs-site-red);
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
    border-radius: 50%;
    color: #fff;
}

.vid-del button:hover{
    background-color: #0ea800;

}
.vid-del button i{
    padding-top: 2px;
}

.ajax-file-upload-container.ui-sortable{
    display: flex;
    flex-wrap: wrap;
}

.ajax-file-upload-container.ui-sortable .ajax-file-upload-statusbar{
    border-color: #0EA800;
    width: 48% !important;
    text-align: left;
    margin: 0px;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    cursor: grab;
}

.ajax-file-upload-container.ui-sortable .ajax-file-upload-statusbar:nth-child(2n){
    margin-right: 0px;
}

.ajax-file-upload-container.ui-sortable .ajax-file-upload-bar{
    background-color: #0EA800;
    height: 30px;
}
html .ajax-file-upload-filename {
    width: 300px;
    height: auto;
    margin: 0 5px 5px 0px;
    color: #0EA800;
    font-size: 14px;
    width: 100%;
    font-weight: 400;
    word-break: break-all;
    text-align: left;
    width: auto;
}
html .ajax-file-upload-red{
    box-shadow: none;
    background-color: var(--bs-site-red);
    border: 0px;
    border-radius: 3px;
    width: auto;
    margin-right: 0px;
}
html .ajax-file-upload-green{
    border: 0px;
    border-radius: 3px;
    width: auto;
    box-shadow: none;
    margin-right: 0px;

}
.img-main-append-block{
    display: flex;
    flex-wrap: wrap;
}
.img-main-append-block .photo-prop{
    display: block;
    width: 48%;
    padding-right: 15px;
}
.img-main-append-block .floorplan{
    display: block;
    width: 48%;
    padding-left: 15px;
}
html .ajax-file-upload-progress {
    margin: 5px 5px 5px 0px;
    position: relative;
    width: 187px;
}

html .ajax-file-upload{
    width: auto;
    text-align: inherit;
    margin-bottom: 0px;
    background-color: #0EA800;
    box-shadow: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    color: #fff;
}
html .ajax-upload-dragdrop{
    border: 1px solid #0ea800;
    border-radius: 10px;
   
    background-color: #f3f8f2;
    padding: 10px;
    text-align: left;
}

html .ajax-upload-dragdrop span b{
    color: #0EA800;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;

}
html .ajax-file-upload:hover{
    box-shadow: none;
    background-color: #f1540b;
}
html  .ajax-file-upload-error{
    text-align: left;
    border: 1px solid var(--bs-site-red);
    background-color: #ffeaec;
    padding: 6px 12px;
    color: var(--bs-site-red);
    font-size: 13px;
    line-height: 1em;
    font-weight: 400;
    margin-top: 10px;
    display: inline-block;
    width: auto;
}
#multipleupload,html .photo-prop .file_upload_wrapper{
    text-align: left;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.save-btn{
    border: 0px;
    background-color: #0ea800;
    color: #fff;
    padding: 8px 39px;
    font-weight: 500;
    display: inline-block;
    border-radius: 38px;
    cursor: pointer;
    font-size: 16px;
}

.table-responsive table td {
    position: relative;
    font-size: 15px;
}

.table-responsive table button, .table-responsive table a.edit-btn {
    height: 25px;
    width: 100%;
    width: 25px;
    padding: 0px;
    font-size: 12px;
    border-radius: 5px;
}
html .table-responsive table a.edit-btn{
    background-color: #0ea800;
    color: #fff;
    font-size: 12px;
   
    position: static;
    box-shadow: none;
    border: 0px
}
html .table-responsive table button.delete-btn{
    position: absolute;
    right: 20px;
    top: 8px;
}
.main-popup#share-modal-1  .btn-primary {
    padding: 10px 15px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    margin-left: 10px;
    cursor: pointer;
}
.main-popup#share-modal-1  .btn-primary:hover {
    background-color: #f1540b;
}
.main-popup#share-modal-1  .btn-primary  {
    background-color: #289525;
    color: white;
    font-weight: 500;
}
.main-popup#share-modal-1 label{
    display: block;
    font-size: 14px;
    color: #0EA800;
    font-weight: 500;
    margin-bottom: 5px;
}
.main-popup#share-modal-1 .input-with-icon-left {
    position: relative;
    width: 100%;
}
.main-popup#share-modal-1 .input-with-icon-left .form-control{
    padding: 12px 15px;
    padding-left: 50px;
    color: #0ea800;
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    border: 0px;
    border: 1px solid rgb(208, 211, 217);
    box-shadow: none;
    margin-left: 44px;
    border-radius: 0px 4px 4px 0px;
    width: calc(100% - 45px);
    padding-left: 15px;
}
.main-popup#share-modal-1 .input-with-icon-left .form-control::placeholder{
    color: #0EA800;
}
#add-input{
    color: #fff;
   
    font-size: 14px;
    line-height: 1em;
    padding: 10px 25px;
    border-radius: 0px;
    margin-top: 30px;
    background-color: #f1540b;
    border: 0px;
    display: inline-block;
    margin: 0px;
}

#add-input:hover{
    background-color: #0EA800;
}
#section-prop-nearby .property-form-container .col-nearby-heading-sector select,
#section-prop-nearby .property-form-container .col-nearby-heading-unit select  {
    color: #0ea800;
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-color: #0ea800;
    padding: 14px 15px;
    background: #fff url(../img/chevron-down-green.png) no-repeat center;
    background-position: center right;
    background-size: 25px;
    border: 1px solid rgb(208, 211, 217);
    border-radius: 5px;
    /* border-color: #0ea800; */
    height: auto;
}

#section-prop-nearby .property-form-container .login-input{
    color: #0ea800;
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-color: #0ea800;
    padding: 12px 15px;
    border: 1px solid rgb(208, 211, 217);
    border-radius: 5px;
    /* border-color: #0ea800; */
    height: auto;
}
#section-prop-nearby .property-form-container .login-input::placeholder{
    color: #0ea800;
}

html .jd-dashboard .form-group label.error,html  .form-group label.error{
    color: red;
}
html  .form-group label.error{
    padding-top: 5px;
    text-align: left;
}
.validation{
    color:red;
}

.col-1.delete-col{
    align-items: center;
    display: flex;

}
.video-prop .media-append-container .self-hosted {
    width: 100%;
    padding-left: 20px;
}
.video-prop .media-append-container .self-hosted  .form-control{
    padding: 9px 15px;
}

/* 
checkbox error message */
.agree-checkbox .error{
    position: absolute;
  top: 37px;
  left: 0px;
  width: 300px;
}



#share-modal-1 .modal-header .btn-close:focus{

    box-shadow: none;

}
#share-modal-1 .modal-header{

    background-color: #0ea800;

    border: 0px;

}



#share-modal-1 .modal-header h1{

    color: #fff;

}

#share-modal-1 .modal-header .btn-close{

    color: #fff;

    --bs-btn-close-bg:url(data:../img/downlod.png);

    opacity: 1;

    font-size: 40px;

}

.listing-search-content .success-message {
    position: absolute;
    top: 53px;
    width: 237px;
    background: #fff;
    padding: 1px 6px;
    border-radius: 5px;
    font-size: 13px;
    background: #fff;
    color: #0EA800;
    border: 1px solid #0ea800;
    background-color: #f3faf2;
    right: 44px;

}


#preview-btn {
    background-color: #0EA800;
    color: white;
    font-weight: 500;
    padding: 10px 15px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 5px;
}



/* News  */
.news-main-container .container-rs{
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
 padding: 0px 12px;
}

.news-container{
    padding: 10px;
    background-color: #fff;
    margin:40px ;
    /* position: relative; */
    border-radius: 5px;
    padding: 5px;
    /* align-items: center; */
    border:1px solid #0ea800;
    background-color: #f3faf2;
    margin-top: 30px;
    
}
.news-main-container .image-rs{
    background-size:cover;
    height: 100%;
    border-radius: 3px;
    background-repeat: no-repeat;
    align-items: center;
}
.news-main-container .col-7{
    
    border-width: 2px;
    height: 100px;
}
.description-rs{
    font-size: 30px;
    font-weight: 400;
    padding: 20px 24px;
    
}
.description-rs h2{
    margin: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 600;
    color: #0EA800;
    font-size: 22px;
    line-height: 1.3em;
}
.news-date{
    display: flex;
    padding: 18px 0px;
    align-items: center;
    align-items: center;
    background: #fff;
    padding: 4px 10px;
    margin: 10px 0px;
    display: inline-flex;
}
.news-date i{
    font-size: 16px;
    color: #f1540b;
}
.news-date h6{
    font-size: 14px;
    /* font-family: 'Times New Roman', Times, serif;
    text-transform: uppercase; */
    text-align: center;
    padding-left: 7px;
    margin: 0px;
    align-items: center;
    color: #f1540b;
}
.news-description{
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limits the text to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; 
    font-size: 20px;
    font-size: 16px;
    line-height: 1.5em;
    color: #333;
    font-weight: 400;
}
.news-main-container .read-more{
text-decoration: none;
  background-color: #0EA800;
  color: #fff;
  padding: 5px 15px;
  font-size: 18px;
  border-radius: 8px;
  display: inline-grid;
  margin: 10px 0px 7px 0px;
  padding: 8px 19px;
  font-size: 16px;
}
.news-main-container .read-more:hover {
    background-color: #f1540b;
  }

.news-container .col-md-3{
    width: 337px;

  }
.news-container .col-md-9{
    width: calc(100% - 337px);

    
  }

#savedImage{
    max-width: 100% !important;
    margin: 0px !important;
    margin-top: 30px !important;
}
html .creating-right {
    width: calc(100% - 70px);
    padding-left: 20px;
    padding: 0px;
    width: 100%;
    margin-bottom: 0px;
}
html .creating-right p:last-child{
    margin-bottom: 0px;
}

 .creating-right p{
    margin-bottom: 10px;
 }
  @media only screen and (max-width: 600px) {
.news-main-container    .description-rs{
        padding:0px 10px;
    }
    .news-container{
        max-width: 400px;
        margin: 0px auto;
        margin-top: 15px;
        padding: 0px;
       
    }
   .news-main-container .image-rs{
        background-size:cover;
        height: 200px;
        border-radius: 5px 5px 0px 0px;
    }
  }

  .form-group span.validation{
    color: red;
  }
  .avator-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    height: 78px;
    width: 78px;
}
.news-img img{
    height: 240px;
    width: 100%;
    object-fit: cover;
    height: auto;
    aspect-ratio: 3/2;
}
.shortlist-button.li-icon i{
    color: #0EA800;
}
.shortlist-button.li-icon.saved-button i{
    color: #f90;
}
.shortlist-button.saved-button  svg path{
    fill: #f90;
}
.shortlist-button.saved-button span{
    color: #f90;
}

.shortlist-button.saved-button {
    border-color:#f90 ;
}
.property-banner-right .success-message {
   
    top: 51px;
    right: 0px;
    background: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 14px;
    background: #fff;
    color: #0EA800;
    border:1px solid #0ea800;
    background-color: #f3faf2
}

.main-register-page.main-register-page-edit .ajax-file-upload-filename{
    display: none;
}
.main-register-page.main-register-page-edit .ajax-file-upload-statusbar{
    text-align: left;
    text-align: left;
    display: flex;
    align-items: center;
}
.main-register-page.main-register-page-edit .ajax-file-upload-bar{
    background-color: #0EA800;
}

.main-register-page.main-register-page-edit .ajax-file-upload-preview{
    margin-right: 10px;
}
.prop-sh-main{
    display: flex;
}
.prop-left-main{
    width: 76%;
}
.prop-right-main{
    width: calc(100% - 76%);
    margin-top: 8px;

}
.prop-right-main .sli-main-con-inner .img-right {
    width: 100%;
}
.mobile-log{
    display: none;
}
.convertor-container{
    background-color: #f8fff6;
}


.comvertor-inner {
    padding: 40px 40px;
    border: 1px solid #0ea800;
    border-radius: 10px;
    background-color: #ffff;
    margin-bottom: 30px;
    max-width: 600px;
    margin: 60px auto;
    padding-bottom: 50px;
}
#areaConverter{
    width: 100%;
}
.comvertor-inner label {
    color: #0ea800;
    font-size: 14px;
    line-height: 1em;
    font-weight: 600;
    padding-bottom: 0px;
    margin-top: 15px;
}
.comvertor-inner .input-with-icon-left {
    position: relative;
    width: 100%;
}
.comvertor-inner .input-with-icon-left i {
    width: 49px;
    height: 49px;
    
}
.comvertor-inner .form-control{
    color: #0ea800;
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-color: #0ea800;
    padding: 14px 15px;
    border: 1px solid rgb(208, 211, 217);
    /* border-color: #0ea800; */
    height: auto;
    max-width: 100%;
    margin-left: 45px;
    border-left: 0px;
    border-radius: 0px 4px 4px 0px;
    width: calc(100% - 48px);

}
.comvertor-inner label:first-child{
    margin-top: 0px;
}
.comvertor-inner .btn.btn-primary{
    padding: 8px 26px;
    border: 1px solid transparent;
    transition: background-color 0.2s linear;
    border-radius: 3px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    appearance: none;
    background-color: #0ea800;
    color: #fff;
    margin-top: 10px !important;

}
.comvertor-inner .result #result{
    background-color: #fff;
    border-radius: 4px;
    padding: 10px;
    margin: 10px 0px;
    width: 100%;
    color: #0ea800;
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    display: block;
}
.comvertor-inner .form-control::placeholder{
    color: #0ea800;
}
.comvertor-inner select.form-control{
    color: #0ea800;
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-color: #0ea800;
    padding: 14px 15px;
    background: #fff url(../img/chevron-down-green.png) no-repeat center;
    background-position: center right;
    background-size: 25px;
    border: 1px solid rgb(208, 211, 217);
    border-radius: 5px;
    /* border-color: #0ea800; */
    height: auto;
    margin-left: 0px;
    width: 100%;
}
.convertor-container-1 .comvertor-inner label:first-child {
    margin-top: 15px;
}

.comvertor-inner #result{
    background: #fafafa;
    padding: 10px;
    border: 1px solid #ebebeb;
    margin-top: 20px;
}
.comvertor-inner #total{
    background: #fafafa;
    padding: 10px;
    border: 1px solid #ebebeb;
    margin-top: 20px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1em;
    color: #333;
    color: #0ea800;
}
.comvertor-inner #total span{
    color: #333;
    font-weight: 600;

}

.comvertor-inner #result span{
    color: #0ea800;
    font-weight: 500;
    font-size: 16px;
    line-height: 1em;
    padding-left: 4px;
    padding-right: 4px;
}
.convertor-container-3 .comvertor-inner .btn.btn-primary{
    margin-top: 20px !important;
}
.comvertor-inner p{
    font-weight: 500;
}
.inner-banner-block{
    background-color: #F4F8FF;
    padding: 60px 0px;
}

.inner-banner-block h2{
    font-weight: 700;
    color: #0ea800;
    font-size: 35px;
    line-height: 1em;
}
.contact-area {

    border: 1px solid #eee;

    border-radius: 4px;

    padding: 30px;

    margin-bottom: 50px;

}



.contact-inner-container h4 {

    font-size: 24px;

    line-height: 28px;

    margin-bottom: 15px;

    font-weight: 500;
    color: #0ea800;

}



.contact-inner-container p {

    color: #333;

    font-weight: 400;

    line-height: 1.6em;

    font-family: var(--fontfamily-main2);

    font-size: 18px;

    color: #6f6f6f;

}



.icon-bx-wraper {

    position: relative;

    margin-bottom: 20px;

}



.icon-bx-wraper .icon-bx-xs {

    float: left;

    margin-right: 20px;

    border: 1px solid #eee;

    padding: 10px;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;

}



.icon-bx-wraper .icon-bx-xs i {

    color: #0ea800;

    font-size: 20px;

}



.contact-inner-container h6 {

    font-size: 20px;
    line-height: 1em;
    margin-bottom: 6px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333;



}



.icon-bx-wraper {

    display: flex;

    align-items: start;

}



.contact-inner-container {

    padding: 90px 0px;

    padding-bottom: 0px;

}



.contact-area ul.contact-ul {

    margin-top: 20px;

}



.social-contact {

    border-top: 1px solid #eeeeee;

    padding-top: 20px;

    text-align: left;

    width: 100%;

    margin: 0;

    margin-top: 20px;

}



.dez-social-icon li {

    display: inline-block;

}



.social-icon {

    height: 40px;

    width: 40px;

    border-radius: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color:#0ea800;

    color: #fff;

    font-size: 20px;

}



.contact-form {

    background-color: #fff;

    padding: 30px;

    border-radius: 4px;

}


.form-contact-block {
    background-color: #f9f9f9;
    padding: 60px 0px;
    background-color: #F1F7F0;
}

.contact-form .form-control:focus,

.contact-form .form-control:hover {

    border-color: #c0c0c0;

}



.contact-form .form-control {

    padding: 10px 20px;

    border: 1px solid #ced4da;

    color: #212529;

    font-weight: 300;

    transition: all 0.2s linear;

    width: 100%;

}



.contact-form textarea.form-control {

    min-height: 115px;

}



.contact-form .form-group:not(:last-child) {

    margin-bottom: 20px;

}
.con-phone a:hover, p.mail-p a:hover {
    color: #0ea800;
}
.con-phone a, p.mail-p a {
    font-weight: 400;
    line-height: 1.6em;
    
    font-size: 17px;
    color: #6f6f6f;
}
.form-contact-block .col-md-5 {
    margin: 0 auto;
}
.contact-form .btn-primary.view-btn {
    margin-top: 20px;
    background-color: #0ea800;
    padding: 6px 20px;
}

.news-block-main button.slick-arrow-cus{
    top: 33%;
    z-index: 99;
}
.news-block-main button.slick-arrow-cus.slick-next-cus {
    right: -13px;
}
.news-block-main button.slick-arrow-cus.slick-prev-cus {
    left: -13px;
}
.investing-guide p{
    font-size: 16px;
    line-height: 1.5em;
    color: #555;
    font-weight: 400;
}
.investing-guide b{
    font-size: 18px;
    line-height: 1.5em;
    color: #0ea800;
    font-weight: 500;
}
.investing-guide ol li{
    font-size: 16px;
    line-height: 1.5em;
    color: #555;
    font-weight: 400;
    margin-top: 5px;
}
@media screen and (min-width:769px) and (max-width:1200px){
    .header-top .col-md-3{
        width: 15%;
    }
    .header-top .col-md-9{
        width: 85%;
    }
    html     .header-menu ul li a {
        color: #fff;
        padding: 0px 1px 0px 4px;
        line-height: 44px;
        font-size: 13px;
        display: flex;
        align-items: center;
    }
    div.header-menu ul li {
        margin-right: 3px;
    }
    .header-menu {
        padding-left: 0px;
    }
    .header-login a {
        color: #fff;
        line-height: 44px;
        font-size: 13px;
        border-left: 1px solid #fff;
        padding-left: 5px;
        margin-left: 5px;
    }
    .login-section .container{
        width: 100%;
        max-width: 100%;
    }
    .login-section .col-md-5{
        width: 55%;
    }
    .login-section .col-md-7{
        width: 45%;
    }
    .login-right-block {
        padding-left: 20px;
        text-align: left;
    }


}
label.e-msg{
    padding-top: 3px;
    color: red;
    font-size: 16px;
    line-height: 1em;
}
.policy-content li{
    color:#555;
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 400;
    margin-bottom: 10px !important;
}
.policy-content li::marker{
    color: #0EA800;
}
.policy-content h3{
    margin: 20px 0px;
    color: #000;
    font-size: 16px;
    line-height: 1em;
    font-weight: 600;
    margin-top: 30px;
}
.policy-content h3:first-child{
    margin-top: 0px;
}
.policy-content br{
    display:none;
}
html .policy-container h1 {
    max-width: 1280px;
    margin: 0px auto;
    height: 120px;
    align-items: center;
    display: flex;
    font-size: 40px;
    font-weight: bold;
    color: #0ea800;
    
}
.policy-content a{
    color: #0ea800;

}
html .about-title h2{
    margin-bottom: 10px;
    margin-top: 70px;
}
html .about-title p{
    margin: 0 auto;
   margin-bottom: 40px;
   text-align: center;
   color: #555;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6em;
    max-width: 900px;
}

/* news details */


.detail-heading {
    padding: 20px 0px 3px 0px;
   
  }
  .detail-heading h2{
    font-weight: 600;
    font-size: 32px;
    color: #000;
  }
  .news-photo{
   
    height: 530px;
    border-radius: 1px;
    border-radius: 3px;
    width: 100%;
    object-fit: cover;
    border: 8px solid #f7f7f7;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    /* height: 100%; */
    height: auto;

  }
  
  .newsdetail-description{
   
    /* background-color: #fff; */
    font-size: 16px;
    /* padding: 15px; */
    border-radius:0px 0px 5px 5px;
    text-align: justify;
    color: #555;
    line-height: 1.5em;
    margin-top: 20px;
  }

  .news-detail-con{
    padding: 60px 0px;
    padding-top: 30px;
  }
  .newsdetail-description p{
    margin-bottom: 15px;
    font-size: 16px !important;
    line-height: 1.5em !important;
    font-family: var(--fontfamily-main) !important;
  }
  .newsdetail-description p span{
    font-size: 16px !important;
    line-height: 1.5em !important;
    font-family: var(--fontfamily-main) !important;

  }
  .newsdetail-description ul li{
    font-size: 16px !important;
    line-height: 1.6em !important;
    font-family: var(--fontfamily-main) !important;
    color: #555;
    list-style: none;
    padding-left: 12px;
    position: relative;
  }
  .newsdetail-description ul li:before{
    height:7px;
    width: 7px;
    content:"";
    background-color: #0EA800;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 8px;
  }
  .newsdetail-description ul{
    margin-bottom: 20px;
  }

  .newsdetail-description  h1{
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: 700;
    color: #000;

  }
  .newsdetail-description h2 {
    font-weight: 600;
    font-size: 32px;
    color: #000;
    margin-bottom: 15px;
}
  .newsdetail-description h3 {
    font-weight: 500;
    font-size: 28px;
    color: #000;
    margin-bottom: 15px;
}
  .newsdetail-description h4 {
    font-weight: 500;
    font-size: 25px;
    color: #000;
    margin-bottom: 15px;
}
  .newsdetail-description h5 {
    font-weight: 500;
    font-size: 22px;
    color: #0EA800;
    margin-bottom: 15px;
}
  .newsdetail-description h6 {
    font-weight: 400;
    font-size: 18px;
    color: #555;
    margin-bottom: 15px;
}

  .news-detail-con .news-date{
    display: flex;
    padding: 18px 0px;
    align-items: center;
}
.news-detail-con .news-date i{
    font-size: 16px;
    color: #fff;
}
.news-detail-con .news-date h6{
   background-color: #f1540b;
   color: #fff;
}
.news-detail-con .news-date{
    background-color: #f1540b;
    color: #fff;
    padding: 6px 10px;
    display: inline-flex;
    width: auto;
    border-radius: 3px;
    margin-bottom: 20px;
}

h3.alert-save{
    background-color: #fff;
    padding: 8px 10px;
    color: #0EA800;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.2em;
}
.about-main-block{
    padding: 20px 0px;
}

.side-container{
    padding-left: 20px;
}
.side-container h2{
    color: #0EA800;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2em;
    margin: 0px;
    margin-bottom: 15px;

}
.side-container p{
    font-size: 16px;
    text-align: justify;
    color: #555;
    line-height: 1.5em;
}
.side-img{
    height: 430px;
    background-size: cover !important;
    border-radius: 5px;
}
label.e-msg{
    padding: 4px 20px;
    font-size: 13px;
    background-color:#f0eded;
    margin-top: 3px;
    display: inline-block;

}
/* .slider-popup-container .insize{
    max-width:600px;
  } */
 /* .slider-popup-container .owl-thumbs .owl-thumb-item{
    height:150px;
    width: 100%;
    max-width:150px;
    background: transparent;
    border: none;
    overflow: hidden;
    margin: 5px;
  }
  .slider-popup-container .owl-thumbs .owl-thumb-item img{
    max-width:100%;
    height:auto;
  }
  .slider-popup-container .owl-thumbs{
    margin: 0px -5px 0px -5px;
    background-color: #222;
    padding:0px 10px;
    margin-top: 15px;
  }
  .slider-popup-container .owl-dots{
    position:absolute;
    bottom:170px;
    left:0;
    right:0;
  }
 .slider-popup-container .owl-thumb-item:not(.active) img{
    opacity: 0.4;
  }
  .slider-popup-container .item img{
    max-height: 500px;
    object-fit: cover;
    width: auto !important;
  }
  .slider-popup-container .item {
    text-align: center;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
  } */



  /* Thumbnail slider */

  .slider-popup-container .sync2 .owl-item  {
    /* height:150px; */
    /* width: 100%;
    max-width:150px;
    background: transparent;
    border: none;
    overflow: hidden;
    margin: 5px; */
  }
  .slider-popup-container .sync2 .owl-item .item img{
    max-width:100%;
    height:auto;
  }
  .slider-popup-container .sync2 .owl-item .item {
    margin: 5px;
  }
  .slider-popup-container .sync2 {
    margin: 0px -5px 0px -5px;
    background-color: #222;
    padding:0px 10px;
    margin-top: 15px;
  }
  .slider-popup-container .owl-dots{
    position:absolute;
    bottom:0px;
    left:0;
    right:0;
  }
 .slider-popup-container .sync2 .owl-item:not(.current) img{
    opacity: 0.4;
  }
  .slider-popup-container .sync1 .item img{
    max-height: 500px;
    object-fit: cover;
    width: auto !important;
  }
  .slider-popup-container .sync1 .item {
    text-align: center;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }
@media screen and (min-width:769px) {
    .slider-popup-container .sync1 .item img{
        min-height: 500px !important;
        object-fit: cover;
      }
  
    .filter-map-search{
        display: none;
    }

    .post-ad-container.ad-fixed .post-ad-div a{
		position: fixed;
        top: 212px;
        right: 0px;
        z-index: 999;
        padding: 10px 12px;
        margin-top: 10px;
        margin-left: 10px;
        background: #f1540b;
        color: #fff;
        font-size: 17px;
        display: block;
        border-radius: 10px 0px 0px 10px;
        text-align: center;
        width: 135px;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 21px;
    }

    .post-ad-container.ad-fixed {
       
        transition: all .3s;
    }
    .header-menu{
        display: inline-block !important;
    }

    #section-prop-type-cat .form-block{
        position: relative;
    }
    #section-prop-type-cat .form-block.city.property-block{
        margin-bottom: 30px;
    }
    #section-prop-type-cat .form-block.area.property-block{
        margin-bottom: 30px;
    }

#section-prop-type-cat .form-block.city.property-block label.e-msg,#section-prop-type-cat .form-block.area.property-block label.e-msg{
    position: absolute;
    left: 165px;
    top: 44px;
    width: 100%;
    color: red;
    padding-top: 3px;
    width: auto;
    padding: 4px 20px;
    font-size: 13px;
    background-color:#f0eded;
}

.property-main-content .features-property  .col-3{
    width: 40%;
}
.property-main-content .features-property  .row.row-nearby-data{
    color: #555;
    background: #f7f7f7;
    /* margin: 0px; */
    padding: 10px;
    margin-left: 0px;
    font-size: 15px;
    line-height: 1.2em;
    border: 1px solid #ebebeb;
    border-top: 0px;

}
html #jd-property-add .form-block.add-list-group label{
        width: 187px;
    }
    .form-block.add-list-group .listing_period{
        max-width: 200px;
    }
    .map-filter-container .container{
        max-width: 100%;
    }
    #map {
        height: 600px;
        width: 451px;
        border-radius: 5px;
        margin-bottom: 30px;
    }
    .form-filter-container.map-filter-container{
        position: static;
    }
    .search-listing-item .slider-item{
        height: 400px;
    }
    .search-tab-container.search-tab-container-map {
        padding-top: 30px;
    }
    #nav-tabContent .map-content{
        margin-top: 0px;
    }
    .map-span {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .search-tab-container #map-wrapper {
        position: -webkit-sticky;
        position: relative;
        top: 0px;
        z-index: 2;
    }
    .search-tab-container #map-main {
        position: -webkit-sticky;
        position: sticky;
        top: 15px;
        z-index: 2;
    }
    .map-upper-nav{
        display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;

    }
    .search-tab-listing{
        margin-top: 0px;
    }
}

a.button-list-view{
    display: none;
}
#printableImage{
    height: 465px;
    width: 100%;
    /* object-fit: contain; */
    height: auto;
}
.prop-left-main {
    width: 76%;
    background: #fafafa;
    padding: 10px 0px;
    margin: 10px 0px;
    padding-top: 0px;
}


.share-modal-1 .modal-header .btn-close:focus{

    box-shadow: none;

}
.share-modal-1 .modal-header{

    background-color: #0ea800;

    border: 0px;

}



.share-modal-1 .modal-header h1{

    color: #fff;

}

.share-modal-1 .modal-header .btn-close{

    color: #fff;

    --bs-btn-close-bg:url(data:../img/downlod.png);

    opacity: 1;

    font-size: 40px;

}
.share-modal-1 .modal-body{
    min-height: 200px;
}
.form-group.listing-checkbox-group .checkbox-label{
    flex: 100%;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}
.form-group.listing-checkbox-group .checkbox-label .checkbox-span {
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 400;
    color: grey;
    text-align: left;
   
}
.form-group.listing-checkbox-group .checkbox-label .checkbox-span a{
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 400;
    color: #0ea800;
   
}
.form-group.popup-modal-group a{
    font-size: 14px;
    line-height: 1em;
    color: #0ea800;

}
.form-group.popup-modal-group p{
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 400;
    color: grey;
    margin-top: 5px;
    text-align:left;

}
/* .form-group.listing-checkbox-group {
    margin-bottom: 0px;
} */
#ask-property-container{
    display: none;
}

.radio-input.radioOption-Item input{
    width: 20px;
    display: none;
}
.radio-input.radioOption-Item label{
    margin-bottom: 0px;
    border: 1px solid #0ea800;
    color: #0ea800;
    color: #0ea800;
    font-weight: 500;
}
.radio-input.radioOption-Item label:has(> input[type=checkbox]:checked) {
    background: #FF8D09;
    border-color: #FF8D09;
    color: #fff;
}
.form-inner-2 .radio-input.radioOption-Item label:has(> input[type=checkbox]:checked) {
    background: #FF8D09;
    border-color: #FF8D09;
    color: #fff;
}

#notificationContainer {
    background-color: #fff;
    border: 1px solid rgba(100, 100, 100, .04);
    overflow: visible;
    position: absolute;
    top: 40px;
    right: 0px;
    width: 400px;
    z-index: 9;
    display: none;
    margin-top: 5px;
    margin-right: 0px;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding: 20px 15px;
    transition:all 0.3s;
}
#notificationLink{
    background-color: #fff;
    height: 30px;
    width: 30px;
    color: #0ea800;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    position: relative;

}
#notificationLink i{
    padding: 0px;
}
.notification.active #notificationLink{
    background-color: #e9f5e7;
}
#notificationLink1{
    background-color: #fff;
    height: 30px;
    width: 30px;
    color: #0ea800;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;

}
#notificationLink1 i{
    padding: 0px;
}
.notification.active #notificationLink1{
    background-color: #e9f5e7;
}
#notificationTitle{
    color: #0ea800;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 20px;
    text-align: left;
}

.upper-noti{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.upper-noti h4{
    color: #333;
    font-size: 15px;
    line-height: 1.2em;
    font-weight: 600;
}
#notificationContainer .no-prev{
    transition: all 0.3s;
    padding: 8px 8px;
    font-size: 13px;
    border-radius: 10px;
    line-height: 1em;
    transition: background-color 200ms ease-out, color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out, box-shadow 200ms ease-out;
    cursor: pointer;
    margin-bottom: 0px;
    border: 1px solid #0ea800;
    color: #0ea800;
    color: #0ea800;
    font-weight: 500;
    background-color: #f1f7f0;
    width: 100%;
    display: block;
    text-align: center;
    margin: 0px auto;
    margin-top: 20px;

}
#notificationContainer ul {
    padding-top: 20px;
}
#notificationContainer ul li{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    position: relative;
    cursor: pointer;
}
#notificationContainer ul li:last-child{
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.noti-img img{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #ebebeb;
}
.noti-img {
    width: 60px;
    margin-right: 5px;
}
.noti-content{
    width: calc(100% - 65px);
    padding-right: 20px;
    
}
.noti-content h2{
    margin: 0px;
    color: #333;
    font-size: 15px;
    line-height: 1.2em;
    font-weight: 400;
}
.noti-content h6{
    margin: 0px;
    color: #555;
    font-size: 13px;
    line-height: 1.2em;
    font-weight: 400;
    color: #0ea800;
    padding-top: 2px;
}
.noti-content h2 span{
    font-weight: 700;
}
.noti-content{
    position: relative;
}
.not-circle{
    height: 10px;
    background-color: #0EA800;
    width: 10px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
}
.notification.active #notificationContainer{
    display: block;
}

.recent-news-content ul li,.recent-news-content ul li a{
    display: flex;
    align-items: center;
    transition: all .3s;
}
.recent-news-content .re-image{
    width: 120px;
}
.recent-news-content .re-image img{
    object-fit: cover;
    height: 80px;
    border: 4px solid #fff;
    transition: all .3s;
}
.recent-news-content .re-con{
    width: calc(100% - 120px);
    padding-left: 15px;
}
.recent-news-content{
  background: #F1F7F0;
  border-radius: 0px 0px 3px 3px;
}
.recent-news-header {
    align-items: center;
    background: #0EA800;
    border-radius: 3px 3px 0 0;
    display: flex;
    height: 42px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    padding: 10px 15px;
    margin-top: 10px;
}
.re-con h6{
    color: #555;
    font-size: 13px;
    line-height: 1.3em;
    font-weight: 400;
    padding-bottom: 2px;
}
.recent-news-content li{
    padding: 10px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .10);
}
.recent-news-content li:last-child{
    border: 0px;
}
.recent-news-block{
    padding-left: 20px;
}
.re-con h3{
   
    font-size: 14px;
    line-height: 1.4em;
    color: #555;
    font-weight: 400;
    color: #0ea800;
}
.recent-news-content ul li a:hover img{
    transform: scale(1.1);
}
.property-main-slider{
    float: left;
    width: 100%;
}

.form-enquiry{
    background: #f1f7f0;
    padding: 15px 10px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    display: inline-block;
   
}

.form-enquiry .form-control {
    font-size: 14px;
    outline: none;
    color: #535353;
    border-radius: 3px;
    font-weight: 400;
    border: 1px solid transparent;
    background: #fff;
    float: left;
    width: 100%;
    padding: 14.5px 40px 14.5px 15px;
    border-radius: 3px;
    color: #10A800;
    line-height: 1em;
}
.form-enquiry .form-control::placeholder{
    color: #10A800;
}
.form-enquiry .form-group {
    margin-bottom: 15px;
    display: block;
    width: 100%;
    float: left;
    position: relative;
}
.form-enquiry .form-box i {
    position: absolute;
    top: 14px;
    right: 11px;
    font-size: 17px;
    color: #10A800;
}
button.button-enq-link-sub{
    margin-bottom: 0px;
}
.form-enquiry .form-group:last-child{
    margin-bottom: 0px;
}
.form-enquiry .form-group  textarea{
    min-height: 100px;
}
.form-enquiry.active{
    display: block !important;
}
.form-group.popup-modal-group.policy-mod input{
    width: auto;
    margin-right: 5px;
}
.form-group.popup-modal-group.policy-mod  p{
    display: flex;
    align-items: center;
}
.form-group.popup-modal-group.policy-mod  a{
    padding: 0px 3px;
}
.testimonal-inner-block .slick-track{
    margin: 0px;
}
.label-prop{
    display: none;
}
#nav-tabContent .property-map-view .search-item-content .features-list li:last-child:before{
    display: none;
}
#nav-tabContent .property-map-view .search-item-content .features-list li{
    align-items: center;
}
.gm-style-iw-d h6{
    font-size: 12px;
    color: #555 !important;
    font-weight: 400;
    display: flex;
    width: 100%;
    align-items: center;
    padding-top: 5px;
}

a:-webkit-any-link:focus-visible {
    outline-color:#fff;
}
html .gm-style-iw-d{
    padding-right: 0px;
}
#nav-tabContent .gm-style-iw-d .map-content{
    width: calc(100% - 150px);
}

.icon-type-box{
    background-color: #fefefe;
    padding:30px 20px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    min-height: 371px;
}
.policy-content p{
    color: #222;
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 400;
    margin-bottom: 10px;
}
.policy-content p.subtitle{
    color:#000;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 500;
    margin-top: 20px;
}
.policy-content p.subtitle span{
color:#000;
}
.icon-type-box img{
    /* filter: brightness(0) saturate(100%) invert(44%) sepia(76%) saturate(2101%) hue-rotate(81deg) brightness(92%) contrast(106%); */
}
.icon-container{
    margin: 0 auto;
}
.icon-type-box p.service-details{
    color: #555;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6em;
}
 p.service-info,p.about-detail{
    color: #555;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6em;
}
.container-mission .card{
    background-color: #F1F7F0;
    border: 0px;
    padding: 20px;
    box-shadow: none;

}
.container-mission .card.card-right{
    
    padding:43px 20px;
   

}

.container-mission .card .card-text{
    width: 55%;
 
}
.container-mission .card .card-text p{
   
    color: #555;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6em;
}
.container-mission .card .card-image{
    width: 45%;
   
}
.container-mission .card-body {
    display: flex;
    align-items: center;
    padding: 0px;
}
.container-mission .card-header {
    font-size: 25px;
    color: #10A800;
    font-weight: 700;
    text-align: left;
    padding-bottom: 0px;
    padding: 0px;
    padding-bottom: 10px;
}
.card-text p:first-child{
    margin-bottom: 10px;
}
html .search-listing-img{
    height: auto;
    aspect-ratio: 3/2;
}

#unread-count{
    background-color: #f90 !important;
    padding: 5px;
    height: 14px;
    width: 14px;
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: -6px !important;
    right: 0px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jd-dashboard .alert{
    font-size: 14px;
    line-height: 1em;
    padding: 10px;
}
.some-space-for-per {
      
    padding-right: 0px;
    padding-left: 30px;
    color:#0EA800;
    font-size: 13px;
}
span.per_month{
    padding-left: 5px;
    color:#0EA800;
    font-size: 13px;
}
#jd-property-add .form-block.face_towards.property-block .jd-input-select{
    
    line-height: 1em;
}

.form-block-listing.form-block-listing-1 {
    margin-top: 13px;
}

#addAreaDiv{
    background-color: #F1F7F0;
    padding: 10px;
}
#saveNewAreaBtn{
    background-color: #0EA800;
    padding: 10px;
    margin-left: 10px;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1em;
    cursor: pointer;
}
#newAreaInput{
    margin-left: 10px;
}

.main-tab-container .form-filter-btn{
    justify-content: space-between;
}
.recent-form-list{
    width: calc(100% - 190px);
}
.recent-form-list .recent-form-left{
    width: 200px;
}
.recent-form-list .recent-form-right{
    width: calc(100% - 200px);
    padding-left: 15px;
}
.recent-form-list h3{
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
    color: #0EA800;
}
.search-city-list ul{
    display: flex;
    align-items: center;
   gap: 5px;
    flex-wrap: wrap;
}
.search-city-list ul li {
    padding: 5px 10px;
    color: #0EA800;
    font-size: 12px;
    line-height: 1em;
    font-weight: 400;
    padding-left: 0;
}
.search-city-list ul li a {
	font-size: 12px;
}
.listing-prop li{
    display: flex;
    align-items: center;
    gap: 5px;
    color: #555;
    font-size: 12px;
    padding: 6px;
    width: auto;
    line-height: 1em;
    border-radius: 3px;
    padding-left: 0;
}
.listing-prop li a{
    display: inline-block;
    padding: 5px;
    color: #0EA800;
    font-size: 12px;
    font-weight: 400;
    margin: 0px;
    margin-left: 5px;
}
.li-prop-left span{
	background: #fee;
    color: #a00;
    padding: 2px 5px;
    margin-left: 4px;
}
.recent-form-list{
    display: flex;
    align-items: center;
}
.download-block ul{
    /* display: flex;
    align-items:center;
    gap:10px; */
}
.download-block ul li a{
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 3px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}
.download-block ul li a i{
    font-size: 35px;
}
.download-block ul li a i{
    color: #FA0E00;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

#countries.multiselect {
    width: 90px;
}
.multiselect {
    width: 168px;
    font-size: 14px;
    padding-bottom: 0px;
    border-radius: 3px;
    /* border: 1px solid #0ea800; */
    transition: 0.2s;
    outline: none;
    background-color: #fff;
    border-radius: 0px;
    position: relative;
}

.multiselect:hover {
    /* border: 1px solid #0ea800; */
}

.multiselect.active {
    /* border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 1px solid transparent; */
}

.multiselect > .title {
    cursor: pointer;
    height: 16px;
    padding: 6px;
    height: 40px;
    color: #0ea800;
    font-weight: 500;
    border-radius: 5px;
    border-color: #0ea800;
    display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid #0ea800;
        
}
.multiselect.active  > .title{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.multiselect > .title > .text {
    max-width: 159px;
    max-height: 25px;
    display: block;
    float: left;
    overflow: hidden;
    line-height: 1.3em;
}
/* .multiselect.active > .title > .text{
    font-size: 10px;
} */

.multiselect > .title > .expand-icon,
.multiselect > .title > .close-icon {
  
    float: right;
    border-radius: 50%;
    padding: 0 4px;
    border: 1px solid #0ea800;
    font-weight: 700;
    transition: 0.2s;
    height: 12px;
    width: 12px;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    display: none;
}

.multiselect.selection > .title > .expand-icon {
    display: none;
}

.multiselect > .title > .expand-icon,
.multiselect.selection > .title > .close-icon {
    display: flex;
}

.multiselect > .title > .close-icon:hover {
    border: 1px solid #0ea800;
    background: rgb(203, 32, 32);
    color: #fff;
}

.multiselect > .container-block {
    max-height: 200px;
    overflow: auto;
    margin-top: 0px;
    max-height: 200px;
    overflow: auto;
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
    transition: 0.2s;
    position: absolute;
    z-index: 99;
    background: #fff;
    border: 1px solid transparent;
    border-top: 0px;
    top: 40px;
}

.multiselect.active > .container-block {
    border: 1px solid #0ea800;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 0;
}

.multiselect:hover > .container-block {
    border-top-color:0px;
}

.multiselect.active:hover > .container-block {
    border-color: rgba(0, 0, 0, 0.3);
}

.multiselect > .container-block > option {
    display: none;
    padding: 7px 5px;
    cursor: pointer;
    transition: 0.2s;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    line-height: 1em;
    font-size: 13px;
}

.multiselect > .container-block > option.selected {
    background: #f1f7f0;
    
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #0EA800;
}

.multiselect > .container-block > option:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #000;
}
.multiselect > .container-block > option:last-child{
    border: 0px;
}

.multiselect.active > .container-block > option {
    display: block;
}
.multiselect.active {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 1px solid transparent;
}
h2.sub-main-title{
    font-weight: 800;
    font-size: 30px;
    color: var(--grencolor);
    line-height: 1em;
    margin-bottom: 18px;
    padding: 40px 0px 20px 0px;
}
.listing-search-content-main{
    padding-bottom: 40px;
}

@media screen and (min-width:769px) {
   
    html .form-filter-inner .main-select{
        min-width: 150px;
    }
    html .form-filter-inner .main-select-1{
        min-width: 190px;
    }

div.form-group ul li:not(:last-child) {
    margin-right: 10px;
}
    html .gm-style-iw-d{
        overflow: inherit !important;
        padding: 10px;
    }
    .gm-style-iw-d .property-map{
        width: 340px !important;
    }
    #jd-property-add .form-block.face_towards.property-block .jd-input-select{
        margin-left: 0px;
      
    }
   
    #jd-property-add .tab-content .jd-input-select-small {
        width: 120px;
        margin-left: 5px;
        line-height: 1em;
    }
    .choose-container{
        display: none;
    }
   
}
@media screen and (max-width:768px) {
    div.main-title{
        position: relative;
        z-index: 9;
    }
    .search-filter-container .listing-search-top select, 
    .search-filter-container .search-bar-content select,
     html .form-filter-inner .main-select{
        background-size: 17px;
    }
    .form-inner-1 #price svg {
        
        width: 18px;
        height: 13px;
        position: relative;
        left: 7px;
    }
    .listing-search-content-main{
        padding-bottom: 20px;
    }
    h2.sub-main-title{
        padding: 10px 0px 0px 0px;
        font-size: 22px;
        }
    .property-next-prev-wrapper .save-btn{
        padding: 6px 25px;
        font-weight: 300;
        display: inline-block;
        border-radius: 30px;
        cursor: pointer;
        font-size: 14px;
    }
   
   
 
    #content-nearby-places #additional-input{
        /* background: #fafafa;
    padding: 10px;
    margin: 15px 0px; */
    }
    #newAreaInput{
        margin-left: 18px;
    }
    .step-main-form #input-file{
        margin-bottom: 40px;
    }
    html button.slick-arrow-cus{
        margin-top: -10px;
    }
    html .map-img {
        width: 100px;
    }
    #nav-tabContent .gm-style-iw-d .map-content{
        width: calc(100% - 100px);
    }
    .gm-style-iw.gm-style-iw-c{
        max-width: 100% !important;
    }
    html .map-img img {
        width: 100px !important;
        height: 100px !important;
        object-fit: cover;
        border-radius: 5px;
    }
    #jd-property-add #content-detail-tab .property-other-con .form-content label{
        width: 121px;
        padding-right: 0px;
    }
    span.per_month{
        font-size: 10px;
        padding-left: 1px;
        padding-right: 3px;
    }
    html #pills-tabContent #content-detail-tab .face_towards.property-block label {
        width: 95px !important;
        padding: 0px;
    }
    html #pills-tabContent #content-detail-tab .form-block.built_year.property-block label {
        width: 95px !important;
        padding: 0px;
    }
    html     #pills-tabContent #content-detail-tab .face_towards.property-block select {
        margin-left: 0px;
        max-width: 180px;
    }
    #jd-property-add .form-block .form-control.listing_period{
        font-size: 11px;
        padding: 10px;
        height: auto;
        line-height: 1em;
        border-radius: 0px;
    }
    html #pills-tabContent #content-detail-tab .form-block-listing.form-block-listing-1 .property-block label{
        width: 122px !important;
        padding-right: 0px;

    }
    html .container-jd-house-main {
        height: auto !important;
        width: 100% !important;
        margin: 30px auto;
        margin-top: 0px !important;
        padding: 0px 12px;
    }
    .property-creating-container .creating-inner {
        display: flex;
        padding: 15px;
    }
    .creating-left span {
        background: #fff;
        height: 30px;
        width: 30px;
    }
    .creating-left {
        width: 40px;
    }
    .property-creating-container .creating-inner p {
        font-size: 12px;
        line-height: 1.5em;
        margin-bottom: 6px;
    }
    #preview-btn {
        padding: 8px 12px;
        font-size: 13px;
        margin-top: 0px;
    }
    .property-creating-container .creating-inner b{
        margin-top: 0px;
    }
    .creating-left img {
        height: 25px;
    }
    .property-creating-container {
        padding: 30px 0px;
    }
    #savedImage{
        margin-top: 0px !important;
    }
    .sidebar a {
        padding: 7px 5px;
        font-size: 12px;
        margin: 5px 0px;
        border: 1px solid #ebebeb;
        width: 33.333%;
       
    }
    .sidebar a img {
        margin: 0px !important;
        margin-right: 3px !important;
        width: 12px;
        height: auto;
        
    }
    .sidebar-lising{
        display: flex;
        margin: 5px 5px;
    }

    #share-video .modal-dialog{
        position: relative;
        height: 100%;
    }
    .sidebar a:not(:last-child){
        margin-right: 3px;
    }
    #share-video .modal-dialog .main-slider{
       margin-bottom: 0px;
    }
    #share-video .modal-dialog  .modal-content{
       height: 100%;
    }
    #share-video .modal-dialog  .modal-body{
      height: 100%;
      padding: 20px 30px;
      flex: inherit;
        /* display: flex;
        align-items: center; */
    
    }
    #share-video .modal-dialog  .modal-body .share-listing{
      height: 100%;
 
    
    }
    #share-video .modal-dialog  .modal-body .share-listing .slider-popup-container{
      height: 100%;
        display: flex;
        align-items: center;
    
    }
    /* #share-video .modal-dialog  .modal-body .share-listing{
      display: flex;
      align-items: center;
      height: 100%;
      justify-content: center;
    } */
    .label-prop{
        display: block;
        border: 1px solid #0ea800;
        color: #0ea800;
        background: #e6f6e5;
        padding: 5px 10px;
        font-size: 13px;
        line-height: 1em;
        font-weight: 400;
        margin: 5px 12px
    }
    .search-bar-top #filter-search span{
        font-weight: 400;
    }
    .search-bar-content .radio-input label {
        padding: 12px 11px;
        font-size: 13px;
    }
  html  .testimonial-item-inner{
        display: block;
        padding: 20px;
    }
  html  .testimonial-right{
        width: 100%;
    }
 html   .testimonial-left {
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
    }
    html .faqs-box  .ui-accordion .ui-accordion-header{
        display: flex;
        font-size: 14px;
        
    }
    .main-testimonial .main-title h2{
        margin-bottom: 0px;
    }
    .contact-inner-container {
        padding: 30px 0px;
        padding-bottom: 0px;
    }
    .contact-inner-container p {
        font-size: 15px;
    }
    .form-contact-block {
        
        padding: 30px 0px;
        
    }
    .contact-form {
        
        padding: 20px;
    }
    html .content-li-loca {
 
        margin: 8px 0px;
    }
    html .policy-content{
        padding: 30px 12px;
        /* padding-left: 0px; */
    }
    .policy-content li {
        color: #555;
        font-size: 15px;
    }
    html .investing-guide{
        padding: 30px 12px;
    }
    .investing-guide p {
        font-size: 15px;
    }
    .investing-guide b {
        font-size: 18px;
        line-height: 1.4em;
        display: block;
        text-align: left;
    }
    .contact-inner-container  .map-container iframe{
        height: 350px !important;
    }
    .specificatin-liting ul img {
        height: 14px;
        margin-right: 0px;
    }
    .contact-inner-container h6 {
        font-size: 17px;
        line-height: 1em;
        margin-bottom: 2px;
    }
    .contact-inner-container h4 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 6px;
    }
    .contact-area {
        padding: 20px;
        margin-bottom: 30px;
    }
    html .faqs-box  .ui-accordion .ui-accordion-header span{
        width: 20px;
        margin-top: 1px;
    }
   html .ui-accordion .ui-accordion-content{
        padding: 15px;
        font-size: 15px;
        line-height: 1.4em;
        color: #555;
    }
   html .faqs-box{
        padding: 30px 12px;
    }
    html .privacy-heading .listing-checkbox-group {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .recent-news-block {
        padding-left: 0px;
    }
    .detail-heading h2 {
        font-weight: 600;
        font-size: 25px;
    }
    .news-detail-con {
        padding: 30px 0px;
        padding-top: 0px;
    }
    .recent-news-content li {
        padding: 10px 10px;
    }
    .recent-news-header {
        font-size: 16px;
        padding: 10px 10px;
        margin-top: 0px;
    }
    .modal.modal-slider .modal-header .btn-close{
        top: 10px;
        right: 10px;
    
    }
    .re-con h3 {
        font-size: 13px;
    }
    #footer-container .col-md-2{
        width: 50%;
    }
    .fo-top .col-12:last-child{
        width: 50%;
    }
    .comvertor-inner {
        padding: 20px 20px;
        margin:30px auto;
    }

    html .policy-container h1 {
       
        font-size: 28px;
        padding: 0px 12px;
    }
    .recent-news-content .re-con {
        
        padding-left: 10px;
    }
    .property-banner-right {
        position: absolute;
        top: 15px;
        right: 15px;
    }
    #share-picslider{
        z-index: 9999;
    }
    .mobile-log.mobile-log-not{
        position: absolute;
        top: 30px;
        right: 0px;
        top: 0px;
        right: 44px;
    }
    .footer-about{
        display: flex;
        align-items: center;
    }
    .footer-copyright{
        position: absolute;
        bottom: 9px;
        border: 0px;
        left: 50%;
        transform: translateX(-50%);
        padding-bottom: 0px;
        margin: 0px;
    }
    ul li.footer-copyright p{
        text-align: center;
        font-size: 12px;
        line-height: 1.4em;
    }
    html div.fo-bottom{
        padding-bottom: 51px;
    }
    .about-fo{
        padding-left: 10px;
    }
    #notificationLink1 {
        background-color: #fff;
        height: 25px;
        width: 25px;
        font-size: 14px;
    }
    #notificationContainer{
        width: 300px;
        top: 20px;
        top: 22px;
        z-index: 999999;
        right: -50px;
    }
    
    .about-main-block{
        padding: 30px 0px;
    }
    .side-container{
        padding-left: 0px;
    }
    .side-img{
        height: 250px;
        margin-bottom: 20px;
    }
    .side-container h2 {
        color: #0EA800;
        font-weight: 700;
        font-size: 20px;
        line-height: 1.2em;
        margin: 0px;
        margin-bottom: 10px;
    }
    .side-container p {
        font-size: 15px;
    }
    /* #home-body .body-wrapper{
        overflow: hidden;
    } */
    .main-content .container {
        
        padding: 0 12px;
    }
    .news-block-main button.slick-arrow-cus {
        top: 38%;
        z-index: 99;
    }
    .news-block-main{
        margin: 0px 20px;
    }
    .dep-box a {
        
        height: auto;
        aspect-ratio: 3/2;
    }
    .submenu-li svg{
        display: none;
    }
    .mob-none{
        display: none !important;
    }
    .header-login.login-user-mob  a{
        padding: 0px;
        border: 0px;
    }
    .header-login.login-user.login-user-mob{
        position: relative;
        position: static;
    }
    .slide-con{
        position: absolute;
        right: 0px;
        top: 28px;
        box-shadow: 0px 2px 8px 0px rgba(7, 6, 7, 0.04), 0px 4px 12px 0px rgba(7, 6, 7, 0.03);
        background-color: #fff;
        padding: 10px;
        width: 200px;
        padding-top: 5px;
        border-radius: 5px;
        z-index: 999;
    }
    .header-login.login-user-mob  .slide-con  a{
        padding: 0px;
        border: 0px;
        margin: 0px;
        text-align: left;
        line-height: 1em;
        border-bottom: 1px solid #ebebeb;
        padding: 7px 0px;
        font-size: 12px;
        font-weight: 400;
        color: #0EA800;
        display: block;
    }
    .mob-main-top{
        display: flex;
        align-items: center;
    }
    .header-login.login-user-mob  .slide-con   li.no-border a{
        padding: 0px;
        border: 0px;
        padding-top: 7px;
    }
    #mob-log-menu{
        background: #fff;
        height: 24px;
        width: 24px;
        border-radius: 50%;
        color: #0EA800;
        box-shadow: 0px 2px 8px 0px rgba(7, 6, 7, 0.04), 0px 4px 12px 0px rgba(7, 6, 7, 0.03);
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px;
        font-size: 13px;

    }
    .mob-main-top span{
        color: #fff;
        font-size: 11px;
        line-height: 1em;
        padding-right: 45px;
    }
    .logo-main{
        position: absolute;
        top: 2px;
        z-index: 999;
    }
    .container-myproperties-details.profile-container .table {
        width: 900px;
    }
    html .logo-main a img {
        width: 85px;
    }
    
    .header-top {
       
       z-index: inherit;
    }
    .header-login a{
        margin: 0px;
        border: 0px;
        font-size: 11px;
        line-height: 1em;
    }
    .mobile-log{
        display: block;
    }
    html .home div.header-top-right{
        display: block;
        
    }
    .mob-main-top {
        display: flex;
        align-items: center;
        position: absolute;
        right: 10px;
        top: 0px;
        z-index: 999;
    }
    .mob-main-top i.bi.bi-caret-down-fill{
        color:#fff;
        font-size: 12px;
        margin-left: 2px;
    }
    header{
        height: 80px;
    }
    .header-login{
        position: absolute;
        top: 0px;
        right: 10px;
        z-index: 999;
        
    }
   html .header-login a.login-btn-mo{
        background-color: #fff;
        height: 24px;
        display: flex;
        align-items: center;
        color: #0EA800;
        font-size: 11px;
        padding: 5px;
        border-radius: 3px;
        font-weight: 500;
        box-shadow: 0px 2px 8px 0px rgba(7, 6, 7, 0.04), 0px 4px 12px 0px rgba(7, 6, 7, 0.03);
    }
    .header-login a i{
        font-size: 13px;
    }
    html .mean-container .mean-nav ul li li a{
        opacity: 1;
        background: #0EA800;
    }
    .slide-con.active{
        display: block !important;
    }
    html .main-banner-content h2.find-a-property {
        background: none;
        margin-top: 10px;
        font-size: 15px;
        letter-spacing: 2px;
        text-transform: capitalize;
        line-height: 1.4em;
        text-shadow: none;
        color: #42ac24;
        font-weight: 700;
        padding: 0px;
        text-align: left;
        margin-top: 20px;
    }
    html .main-tab-banner-inner .nav-tabs .nav-item.show .nav-link, 
    html .main-tab-banner-inner .nav-tabs .nav-link.active,
    html .main-tab-banner-inner .nav-tabs .nav-link:hover{
        background: #0EA800;
        border-color: #0EA800;
    }
    html div.main-banner{
        height: auto;
       
    }
    .radio-cho-item > input { 
        display: none;
    }
    .radio-button-label > img {
        cursor: pointer;
       height: 20px;
      
    }
     .radio-cho-item{
        width: auto;
        display: flex;
        align-items: center;
       
        margin-top: 15px;

    }
    .radio-cho-item input[type="radio"]:checked ~ label {
        opacity: 1;
        background-color: #0EA800;
        color: #fff;
    }
    .radio-cho-item input[type="radio"]:checked ~ label  span{
        color: #fff;
    }
    .radio-cho-item input[type="radio"]:checked ~ label img{
        filter: brightness(0) invert(1);
    }
    .radio-button-label{
        display: flex;
        align-items: center;
        gap:5px;
        padding: 5px;
        border-radius: 3px;
		margin-right: 20px;
		cursor: pointer;
    }
    .radio-button-label span{
        font-size: 12px;
        font-weight: 500;
        color: #0EA800;
		cursor: pointer;
    }
    .choose-container {
        display: flex;
        align-items: center;
        gap:5px;
        position: relative;
        z-index: 9;
		margin-left: 10px;
    }
    html div.main-banner {
        height: 200px;
    }
  
    
  
    .radio-button-label > input:checked + img { 
        border: 3px solid #2885bb;
    }
    html .recent-form-list{
        display: none;
    }
    html     div.main-tab-container {
        margin-top: 43px;
    }
    html div.form-search-listing .form-2{
        width: calc(100% - 30px);
        margin-bottom: 0px;
    }
    html button.search-btn{
        height: auto;
        width: auto;
        padding: 8px 5px;
        border-radius: 0px 5px 5px 0px;
        position: relative;
        
        left: -2px;
    }
    html .form-filter-btn a.advance-btn{
        font-size: 0px;
        position: absolute;
        right: 12px;
        bottom: 22px;
    
    }
    html div.main-tab-banner-inner .nav-tabs .nav-link {
        width: 23.8%;
        font-size: 13px;
        padding: 10px 2px;
        width: 22%;
        font-size: 11px;
        border-radius: 5px;
        background-color: #fff;
        border: 1px solid #a9afba;
        color: #555;
        font-weight: 500;
    }
    html div.main-tab-banner-inner .nav-tabs .nav-link:last-child{
        width: 32%;
    }
    .main-tab-banner-inner #nav-tabContent{
        background-color: transparent;
    }
	.main-tab-banner-inner .nav.nav-tabs {
		flex-wrap: nowrap;
	}
    button.search-btn svg{
        margin-right: 0px;
    }
    html div.form-search-listing .form-3{
        width: 65px;
        margin-bottom: 0px;
    }
    html .main-tab-banner-inner .form-search-listing{
        display: flex;
        align-items: center;
    }
    button.search-btn .css-1ra0hze{
        display: none;
    }
  .login-right-block{
    padding: 0px;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 30px;
  }
  .log-item-listing h2 {
   
    font-size: 20px;
    line-height: 1.3em;
    margin: 12px 0px 12px 0px;
}
.loginblock-container.otp-container{
 max-width: 350px;
}
html .loginblock-container.otp-container {
    padding: 35px 20px;
}
.become-agent-main .col-12:nth-child(2) {
    padding-left: 0px;
}
.step-form-left {
    width: 100%;
    padding-right: 0px;
}
.step-form-right {
    width: 100%;
    padding-left: 0px;
}
.step-form{
    display: block;
    padding-bottom: 10px;
   
    
}
.step-main-form{
    margin-top: 80px;
}
.step-main-form h2 {
        font-size: 20px;
   
}
.step-main-form .form-btn{
    position: absolute;
    bottom: 20px;
}
.log-item-listing-agent {
    padding-bottom: 30px;
    padding-top: 0px;
}
.step-container .circle {
  
    width: 4.5em;
    height: 4.5em;
}
.step-container .circle img {
    height: 25px;
}
.step-container .step {
    position: relative;
    min-height: 1em;
    color: grey;
}
.step-container .title {
    font-size: 15px;
    line-height: 1.3em;
    font-weight: 400;
    margin-top: 16px;
}
.step-container .title br{
    display: none;
}
.become-agent-main {
    padding-top: 30px;
    
}
.row.block-sep .col-6{
    width: 100%;
}
div.tab-content-head {
   
    font-size: 16px;
    padding-left: 15px;
    background-size: 20px;
}
#pills-tab li.nav-item button {
    width: 100%;
    text-transform: capitalize;
    text-align: center;
    font-weight: 600;
    color: rgba(11, 151, 0);
    border: 1px solid;
    border-radius: 60px;
    font-size: 11px;
    line-height: 1em;
    padding: 8px 4px;
    margin-bottom: 10px;
}
#pills-tab li.nav-item {
    width: 32%;
}
div.form-group ul li:not(:last-child) {
    margin-right: 4px;
}
#pills-tabContent {
    margin-top: 0px;
}
.form-container-block-reg .border-fo{
    border: 0px;
    margin:0px;
    padding: 0px;
}
.block-sep {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.main-register-page h3.register-section-head {
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    color: #0ea800;
    margin-bottom: 0px;
}
ul.square li.radio-input label {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}
.property-next-prev-wrapper .property-next span, .property-next-prev-wrapper .property-prev span {
    background-color: #0ea800;
    color: #fff;
    padding: 6px 25px;
    font-weight: 300;
    display: inline-block;
    border-radius: 30px;
    cursor: pointer;
    font-size: 14px;
}
#jd-property-add div.form-block-listing .form-block label {
    width: 122px;
    padding-right: 0px;
    font-size: 13px
}
 #content-location-tab .form-block .form-control {
    width: calc(100% - 95px);
}
html #content-location-tab .form-block #addr.form-control {
    width: calc(100% - 95px);
}
.form-block.div-set-on-map h3.register-section-head{
    margin-top: 0px;
}
#section-prop-type-cat .block-sep .col-5{
    width: 100%;
}
#section-prop-type-cat .block-sep .col-2{
    width: 100%;
    margin-top: 10px;
}
.inner-banner .col-4{
    width: 100%;
}
.inner-banner .col-8{
    width: 100%;
}
html .download_document {
    text-align: left;
    font-size: 15px;
    margin-top: 5px;
}
html section.inner-banner h2 ,html section.inner-banner h1{
    color: #0ea800;
    font-size: 22px;
    text-align: left;
}
html .comvertor-inner .input-with-icon-left i{
    height: 48px;
}
#content-location-tab .input-with-icon-left,#content-location-tab .input-with-icon-left  .form-control{
    width: 100%;
    max-width: 100%;
}
#content-location-tab .input-with-icon-left{
    margin-top: 10px;
}
#content-detail-tab .col-6{
    width: 100%;
}
#pills-tabContent ul.features-property-lising-1 li span {
   
    font-size: 13px;
    
    display: block;
}
p.radioOption-Item label {
    
    padding: 9px 2px;
    text-align: center;
}
#pills-tabContent ul.features-property-lising-1 li.features-property-item {
    margin-bottom: 6px;
}
#pills-tabContent ul.features-property-lising-1 li {
    border-radius: 0px;
    overflow: inherit;
    min-width: 32%;
    width: 32%;
}
li.features-property-item p.radioOption-Item label{
    display: block;
}
#pills-tabContent ul.features-property-lising-1 .radioOption-Item span {
    font-size: 11px;
    display: block;
    padding-top: 2px;
}
#jd-property-add .col-2.property-block{
    width: 50%;
    margin: 0px;
    margin-top: 10px;
}
#jd-property-add .tab-content .jd-input-select{
    width: 100%;
}
#jd-property-add .tab-content .jd-input-select {
    width: 100%;
    font-size: 11px;
    padding: 10px;
    height: auto;
    line-height: 1em;
}
.form-block label {
    padding-right: 0px;
    font-size: 14px;
}
label.e-msg{
    width: 100%;
    display: block;
    font-size: 13px;
    padding: 5px;
    margin: 0px
}
.legal-prop-wrapper .add-video-block select, .legal-prop-wrapper .add-video-block .legal-link {
    width: 100%;
    margin-right: 0px;
}
.legal-prop-wrapper .add-video-block select{
    margin-bottom: 10px;
}
.legal-prop-wrapper .media-append-container{
    margin-bottom: 0px;
}
#jd-property-add #content-detail-tab .form-content label{
    font-size: 13px;
}
#jd-property-add #content-detail-tab .margin-btn.price.property-block label{
    font-size: 12px;
        width: 120px;
        padding-right: 0px;
}
#jd-property-add .tab-content .jd-input-number-medium {
    width: 50px;
}
#jd-property-add #hilly_unit select{
    width: 61px;
    margin: 0px;
    margin-left: 3px;
}
#jd-property-add .form-container-block select{
    background-size: 12px;
}
#jd-property-add .tab-content .jd-input-select.road_access{
    width: 100px;
}
#jd-property-add .form-block-listing.form-block-listing-1 .form-block label {
    width: 122px;
    
}
#jd-property-add .form-block label {
    
    font-size: 13px;
    
}
.some-space-for-per {
    padding: 0px;
    font-size: 10px;
    padding-left: 3px;
}
#jd-property-add #content-detail-tab div.margin-btn.form-group {
    margin-bottom: 15px;
}
.img-main-append-block {
    display: block;
    flex-wrap: wrap;
}
html .ajax-upload-dragdrop{
    width: 300px !important;
}
.img-main-append-block .photo-prop {
    display: block;
    width: 100%;
    padding-right: 0px;
}
div.form-group.border-tab-frame {
    padding: 20px 0px;
}
.img-main-append-block .floorplan {
    display: block;
    width: 100%;
    padding-left: 0px;
}
.ajax-file-upload-container.ui-sortable .ajax-file-upload-statusbar {
    border-color: #0EA800;
    width: 100% !important;
}
#content-image-video h3.register-section-head{
    margin-bottom: 10px;
    line-height: 1.3em;
    
}
#jd-property-add .row-nearby-heading{
    display: none;
}
#jd-property-add .col-nearby-heading-sector {
    width: 100%;
    padding-left: 100px;
    position: relative;
}
#jd-property-add .col-nearby-heading-sector:before{
    content: "Sector";
    color: #0EA800;
    position: absolute;
    left: 10px;
    top: 12px;
    font-size: 16px;
    line-height: 1em;


}
.col-4.col-nearby-heading-name{
    width: 100%;
    margin: 15px 0px;
    padding-left: 100px;
    position: relative;
}

.col-4.col-nearby-heading-name:before{
    content: "Name";
    color: #0EA800;
    position: absolute;
    left: 10px;
    top: 12px;
    font-size: 16px;
    line-height: 1em;


}
.col-1.col-nearby-heading-distance{
    width: 100%;
    margin-bottom: 15px;
    padding-left: 100px;
    position: relative;
}
.col-1.col-nearby-heading-distance:before{
    content: "Distance";
    color: #0EA800;
    position: absolute;
    left: 10px;
    top: 12px;
    font-size: 16px;
      line-height: 1em;
}
html .list-footer{
    margin-top: 20px;
}
#jd-property-add .tab-content .jd-leftzero{
    width: 100%;
    
}
.col-2.col-nearby-heading-unit {
    padding-left: 100px;
    position: relative;
}
.col-2.col-nearby-heading-unit:before{
    content: "Unit";
    color: #0EA800;
    position: absolute;
    left: 10px;
    top: 12px;
    font-size: 16px;
      line-height: 1em;
}
.row.row-nearby-data{
    background-color: #f7f7f7;
    padding: 15px 0px;
    margin: 10px 0px;
}
.vid-del {
    width: 3%;
    padding-left: 0px;
}
.vid-del button {
   
    height: 30px;
        width: 30px;
        border-radius: 0px;
        margin-top: 10px;
        font-size: 21px;
}
.video-prop .media-append-container select {
    width: 100%;
}
.add-video-block
{
    display: block;
}
.video-prop .media-append-container .video-link{
    width: 100%;
    padding: 0px;
    margin: 15px 0px;
}
.ajax-file-upload-container.ui-sortable .ajax-file-upload-statusbar {
   
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
}
html .ajax-file-upload-container {
    margin: 0px 0px 0px 0px;
}
.media-append-container{
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.main-agent-block {
    margin: 30px 0px;
    padding: 15px;
}
.agent-comp-logo img {
    height: 70px;
    width: 70px;
}
.agent-comp-logo {

    height: 80px;
    width: 80px;
    padding: 10px;
    border-radius: 5px;
    margin-right: 10px;
}
.agent-left-content h2, .agent-comp h2 {
    color: #0EA800;
    font-size: 17px;
    line-height: 1em;
    margin-bottom: 10px;
    font-weight: 500;
}
html .agent-comp {

    border-bottom: 1px solid #0EA800;

    margin-right: 0px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.ag-listing li i {
    color: #0EA800;
    padding-right: 5px;
    font-size: 13px;
}
.jd-dashboard .sidebar .sidebar{
    margin-bottom: 20px;
}
.jd-dashboard h2 {
    font-size: 21px;
    margin-bottom: 20px;
}
.profile-picture img {
    width: 80px;
    height: 80px;
    object-fit: cover;
   border: 1px solid #0EA800;
    border-radius: 8px;
    position: absolute;
    right: 0px;
    top: 0px;
    
}
.jd-dashboard .btn-update{
    margin-left: 0px;
}
.profile-buttons {

    justify-content: inherit;
}
.jd-dashboard{
    padding: 40px 0px;
}
.container-add-properties-formtable .table{
    width: 600px;
}
#select .filter-container   .col-md-3{
    margin-bottom: 10px;
}
.header-dash a {
   
    font-size: 12px;
        line-height: 1em;
        padding: 10px 7px;
}
html .header-dash h2{
    margin-bottom: 0px;
}
html .header-dash{
    margin-bottom: 10px;
}
#section-prop-type-cat .form-block{
    position: relative;
}

#content-location-tab .form-block.area.property-block{
    margin-bottom: 25px;
}
#content-location-tab .form-block.city.property-block{
    margin-bottom: 25px;
}

#section-prop-type-cat .form-block.city.property-block label.e-msg,#section-prop-type-cat .form-block.area.property-block label.e-msg{
    position: absolute;
    left: 95px;
    top: 43px;
    width: auto;
    color: red;
    /* padding-top: 5px; */
    font-size: 13px;
}
#jd-property-add .tab-content .built-select .jd-input-select{
    width: 120px;
}
#pills-tabContent .price.property-block.form-block-listing #price{
    /* margin-left: -8px; */
}
#pills-tabContent #content-detail-tab .price.property-block.form-block-listing label{
    width: 120px;
}
#pills-tabContent #content-detail-tab .road-access-block .road_access_unit{
    width: 100px;
}
#pills-tabContent #content-detail-tab .face_towards.property-block label{
    width: 110px;
    padding: 0px;
}
#pills-tabContent #content-detail-tab .face_towards.property-block select{
    margin-left: 0px;
    max-width: 200px;
}
.form-block.face_towards.property-block{
    margin-bottom: 13px;
}
.search-tab-container.search-tab-container-map .list-content.property-map-view{
display: none;
}
#nav-tabContent .map-content{
    width: 100%;
}
html .search-filter-container.search-filter-container-pa .search-bar-content {
    padding: 0px;
    min-width: 100%;
    
}
.search-filter-view .search-filter-container {
    max-width: 100%;
    margin: 0px;
    max-width: 100%;
        margin: 0px;
        display: inline-block;
        width: 100%;
        /* width: 195px; */
        /* margin-bottom: 10px; */
}
/* .search-filter-view.form-filter-inner form {
  flex-wrap: wrap;
} */
.search-filter-view.form-filter-inner .form-group:nth-child(2){
    width: 100%;
    padding: 0px;
    padding: 10px 0px 0px;
}
.search-filter-view.form-filter-inner .form-group:nth-child(2) ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.search-filter-view.form-filter-inner .search-filter-container.search-filter-container-slide {
    min-width: 125px;
    margin: 0px;
    padding-right: 5px;
    padding-bottom: 10px;
    width: auto;
    padding-left: 5px;
}
html .search-filter-container.search-filter-container-pa .search-bar-content .input-with-icon-left .form-control{
    font-size: 12px;
}

.search-filter-view.form-filter-inner div.form-group ul li:nth-child(2){
    min-width: 68px;
    margin: 0px;
    padding-bottom:10px;
}
.search-filter-view.form-filter-inner div.form-group ul li:nth-child(3){
    min-width: 76px;
    margin: 0px;
}
.search-filter-view.form-filter-inner div.form-group ul li:nth-child(4){
    min-width: 147px;
    margin: 0px;
    padding-left: 5px;
}
.search-filter-view.form-filter-inner div.form-group ul li .search-prop{
   /* font-size: 0px;
   height: 40px;
   width: 40px;
   border-radius: 50%;
   margin-left: 5px; */
}
.search-tab-container.search-tab-container-map{
    padding-top: 30px;
    margin-bottom: 30px;
}
#nav-tabContent .map-content {
    margin-top: 15px;
}

#map-wrapper #map{
    height: 400px !important;
}
a.button-list-view{
    display: block;
    position: absolute;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    text-align: inherit;
    background-color: #0EA800;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    -webkit-text-decoration: none;
    text-decoration: none;
    min-width: 145px;
    text-align: center;
    color: #fff !important;
    border-left: none;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    z-index: 99;
        bottom: 30px;
        display: inline-block;
        margin: 0 auto;
        left:30px;
}
a.button-list-view .css-ama2lk {
    stroke-linejoin: round;
    stroke-linecap: round;
    fill: none;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    color: #fff;
    vertical-align: bottom;
    margin-right: 5px;
}
.search-tab-container #map-wrapper{
  
}
.property-banner-container-left img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
html .property-banner-container-left{
    width: auto;
    height: auto;
}
.page-inner-container .breadcrumb-nav {
    margin-top: 0px;
    padding-top: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
    position: relative;
        z-index: 9;
}
html .breadcrumb-nav svg {
    
    margin-right: 0px;
}
.breadcrumb-nav li.nav-root {
    margin-right: 2px;
}
.gallery-buttons-group button svg {
    stroke-linejoin: round;
    stroke-linecap: round;
    fill: none;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-right: 0px;
}
.gallery-buttons-group button {
    font-size: 12px;
    padding: 0 10px 0 10px;
}
button.shortlist-button {
    height: 30px;
}
html .property-con-right {
    width: 100%;
    padding-left: 0px;
    padding-bottom: 20px;
}
html     .property-con-right .botton-listing li a {
    width: auto;
}
html     .property-content-block .container {
    padding:0px  12px;
    padding-top: 0px;
}
.property-banner-container {
    height: auto;
}
.property-content-block {
    margin-top: -64px;
    margin-top: 30px;
}
.property-main-to .container {
    padding: 0px;
}
.property-banner-bottom .container{
    padding: 0px;
}
html     .property-content-block .container .container{
    padding:0px;
    padding-top: 0px;
}
.pd-name {
    width: 120px;
    text-align: right;
    padding-right: 5px;
    font-weight: 600;
    font-size: 13px;
    color: #0ea800;
}
.property-detail-tag-row .pd-name {
    background-color: #0ea800;
    color: #FFF;
    font-size: 18px;
}
.property-detail-tag-row .pd-name, .property-detail-tag-row .pd-value {
    padding: 10px 10px;
}
.pd-tag {
    font-size: 19px;
}
.pd-price {
    font-size: 19px;
}
.pd-value {
    width: calc(100% - 120px);
    padding-left: 5px;
    font-size: 13px;
}
.pd-city,.pd-area {
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    margin-right: 5px;
    font-weight: 500;

}
.property-detail-row {
    display: flex;
    padding: 4px 5px;
    padding-left: 0px;
}
.pd-address {
    font-size: 13px;
}
div.border-line {
   
    margin-bottom: 12px;
    padding-bottom: 12px;
}
ul.features-property-lising li.features-property-item img {
    display: block;
    text-align: center;
    margin: 0 auto !important;
    margin-bottom: 5px;
}
html .form-group.listing-checkbox-group {
    padding-bottom: 0px;
}
.form-group.popup-modal-group.policy-mod p {
    flex-wrap: wrap;
}
ul.features-property-lising li {

    padding-right: 10px;
    margin-bottom: 6px;
    overflow: hidden;
     white-space: inherit;
     text-overflow: inherit; 
    text-align: center;
    font-size: 13px;
    word-wrap: break-word;
    line-height: 1.2em;
}
.property-main-content h2 {
    font-size: 20px;
    line-height: 1em;
   
}
.map-container-block #map{
    height: 300px !important;
}
.ask-property-container {
    display: block;
    padding: 20px 20px;
    border: 1px solid #e6e9ed;
    border-radius: 3px;
    margin-top: 30px;
}
.form-group-lising{
    display: block;
}
.form-group-lising .form-left,.form-group-lising .form-right{
    width: 100%;
    padding: 0px;
}
.features-property .row.row-nearby-heading{
    display: none;
}
.property-banner-bottom .features-property .col-nearby-data.col-nearby-heading-sector.col-3{
    width: 100%;
}
.property-banner-bottom .features-property .col-1.col-nearby-heading-distance {
    width: 100%;
    margin-bottom: 0px;
    padding-left: 100px;
    position: relative;

}
.property-banner-bottom .features-property .col-4.col-nearby-heading-name {
    width: 100%;
    margin-bottom: 0px;
    font-size: 14px;
    margin-top: 5px;

}
.property-banner-bottom .features-property  .col-4.col-nearby-heading-name:before {
   
    left: 10px;
    top: 4px;
    font-size: 14px;
    line-height: 1em;
}
.property-banner-bottom .features-property .col-1.col-nearby-heading-distance{
    font-size: 14px;
}
.property-banner-bottom .features-property .col-1.col-nearby-heading-distance:before{
    left: 10px;
    top: 4px;
    font-size: 14px;
    line-height: 1em;

}
.news-container .col-md-3,.news-container .col-md-9 {
    width: 100%;
}
.news-main-container .news-container{
    padding: 0px;
    padding-bottom: 20px;
}
.description-rs h2{
    margin-top: 15px;
    display: block;
    font-size: 20px;
}
.news-main-container{
    padding-bottom: 30px;
}
.news-main-container .news-container p{
    font-size: 14px;
}
body.mapproperty-body #header-container{
    display: none;
}
body.mapproperty-body .search-tab-container.search-tab-container-map nav{
    display: none;
}
body.mapproperty-body .search-tab-container.search-tab-container-map .map-span{
    display: none;
}
body.mapproperty-body .breadcrumb-block{
    display: none;
}
html .search-filter-container {
    max-width: 100%;
    margin: 0px auto;
}
.slide-content li.radio-input{
    min-width: inherit !important;
    padding:0px !important;
    margin: 0px !important;
}
.slide-content li.radio-input:not(:last-child){
    margin-right: 5px !important;
}
body.mapproperty-body .search-filter-container.search-filter-container-slide select,html div.form-filter-inner .main-select{
    font-size: 12px;
    padding: 12px 6px;
}
body.mapproperty-body button.filter-btn {
    height: 40px;
    color: #0ea800;
    font-weight: 500;
    border-radius: 5px;
    border-color: #0ea800;
    font-size: 12px;
    padding: 0px 4px;
}
body.mapproperty-body button.filter-btn span{
    display: inline-block;
    height: 39px;
    line-height: 39px;
}
body.mapproperty-body .search-filter-container .search-bar-content .input-with-icon-left i{
    height: 40px;
    width: 40px;
}
html body.mapproperty-body .search-filter-container.search-filter-container-pa .search-bar-content .input-with-icon-left .form-control {
    padding: 19px 6px;
    padding-left: 46px;
}
body.mapproperty-body .form-filter-inner {
    background: #fafafa;
    padding: 10px 10px;
    padding-top:15px;
    
}
body.mapproperty-body .search-filter-view.form-filter-inner div.form-group ul li:nth-child(2) {
    min-width: 118px;
    margin: 0px;
    padding-bottom: 10px;
    margin-right: 5px;
   
}
body.mapproperty-body .search-filter-view.form-filter-inner div.form-group ul li{
    padding-bottom: 0px !important;
    position: static;
    padding-top: 10px;
}
body.mapproperty-body .search-filter-view.form-filter-inner .form-group:nth-child(2){
    padding: 0px;
    /* display: inline-block; */
}
body.mapproperty-body .search-tab-container.search-tab-container-map{
    padding: 0px;
    margin: 0px;
    display: inline-block;
    display: block;
    
}
/* html button.search-prop svg{
    padding-left: 0px;
} */
body.mapproperty-body #nav-tabContent .map-content {
    margin-top: 0px;
}
body.mapproperty-body footer{
    display: none;
}
.form-filter-inner .form-inner-2{
    width: 100%;
    display:none;

}
.form-filter-inner .form-inner-2{
    display: block;
    position: fixed;
    top: 100;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    outline: 0;
    transition: opacity .15s linear;
}
.form-filter-inner .form-inner-2.active{
    display: block;
    
}


.form-filter-inner .form-inner-2.active form {
    transition: transform .3s ease-out;
    transform: translate(0, -50px);
    background-color: #fff;
}
.form-filter-inner .form-inner-2.active form {
    transform: none;
    /* display: block; */
    display: inline-block;
}

.form-filter-inner.search-filter-view .form-inner-1 {
  
    white-space: nowrap;
    overflow: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: padding-top 0.1s linear, margin-bottom 0.1s linear;
    transition: padding-top 0.1s linear, margin-bottom 0.1s linear;
	

}
.form-inner-2 .radio-input.radioOption-Item{
    margin-left: 0px;
}
.form-inner-2 #price{
    margin-left: 0px;
}
html body.mapproperty-body .search-filter-container.search-filter-container-pa .search-bar-content{
    padding-bottom: 10px;
}
body.mapproperty-body .container{
    padding: 0px;
}
body.mapproperty-body #map-wrapper #map {
    position: fixed !important;
    height: calc(100% - 130px) !important;
    width: 100%;
    bottom: 0;
    right: 0;
    left: auto;
    top: 62px;
    top:130px;
}
a.button-list-view {
    position: fixed;
    bottom: 30px;
    display: flex;
    justify-content: center;
    z-index: 50;
    transition: transform 0.2s ease-in-out;
    transform: translateY(0px);
    left:50%;
    margin-left: -72px;
}
.view-list-btn-f{
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
}
body.mapproperty-body .search-filter-view.form-filter-inner div.form-group ul li:nth-child(3) {
    min-width: 65px;
    margin: 0px;
}
body.mapproperty-body .search-filter-view.form-filter-inner div.form-group ul li:nth-child(4) {
    min-width: 81px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 10px;
}
html body.mapproperty-body .search-filter-view.form-filter-inner div.form-group ul li:nth-child(1){
    min-width: inherit;
    width:70px;
}
html body.mapproperty-body .search-filter-view.form-filter-inner div.form-group ul li:nth-child(4){
    min-width: inherit;
    width:76px;
    padding-right: 5px;
}
html body.mapproperty-body .search-filter-view.form-filter-inner div.form-group ul li:nth-child(5){
    min-width: inherit;
    width: 114px;
    padding-right: 1px;
}
#countries.multiselect{
    width: 100%;
}
html body.mapproperty-body .search-filter-view.form-filter-inner div.form-group ul li:nth-child(1) label{
    padding: 12px 8px;
}
html body.mapproperty-body .search-filter-view.form-filter-inner div.form-group ul li:nth-child(2){
    min-width: inherit;
    width:120px;
    margin-right: 0px;
}
.form-inner-2 #price {
    margin-left: 0px;
    width: 100%;
}
html body.mapproperty-body .search-filter-view.form-filter-inner div.form-group ul li:nth-child(3){
    min-width: inherit;
    width:calc(100% - 194px);
}
.multiselect{
    width: 100%;

}
.update-map {
   
    /* top: 65px;
    left: 50%;
    margin-left: -70px;
    transform: translateY(-50%); */
    top: 73px;
    left: 50%;
    /* margin-left: -70px; */
    transform: translateY(-50%);
    width: 115px;
    font-size: 13px;
    padding: 8px 11px;
    line-height: 1em;
    border-radius: 18px;
    margin-left: -55px;
}
.slide-content.active {
  
    z-index: 999999;
    position: fixed;
    top: 99px;
    left: 0px;
    width: 100%;
    width: calc(100% - 20px);
    margin: 0px 10px;
    width: 100%;
    margin: 0px;
    box-shadow: none;
    width: 100%;
    position: absolute;
    top: 100px;
}
li:nth-child(5) .slide-content.active{
    top:150px
}
.form-filter-container.map-filter-container .row{
    margin: 0px;
}
.form-filter-container.map-filter-container{
    position: static;
}
.des-side{
    display: none;
}
.des-mob {
    display: block !important;
}
#filter-search svg,#filter-search-map svg{
    stroke-linejoin: round;
    stroke-linecap: round;
    fill: none;
    vertical-align: middle;
    width: 20px;
    height: 20px
}
#filter-search,#filter-search-map{
    background-color: #fff;
    display: block;
    padding: 6px 9px;
    border-radius: 3px;
    font-weight: lighter;
    white-space: nowrap;
    color: #515b6e;
    border: 0px;

}
.breadcrumb-nav {
    display: flex;
    align-items: center;
    margin: 15px 0px;
}
.listing-search-top p {
    
    font-size: 14px;
 
    font-weight: 500;
  
}
.listing-search-top{
    padding: 10px;
}
.search-bar-content.active{
    display: block !important;
}

#search-bar-content button[type=submit]{
    border: 0px;
    background-color: #0EA800;
    padding: 10px 17px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
html #header-container .header-top .header-top-right .header-menu{
    display: none;
}
.form-filter-container.map-filter-container .col-12{
    padding: 0px;
}
body.mapproperty-body .form-filter-inner{
    padding:0px;
    position: relative;
    z-index: 999;
}
.form-filter-inner form{
    padding: 10px;
}
html body.mapproperty-body .search-filter-container.search-filter-container-pa .search-bar-content{
    padding-bottom: 0px;
}
.card-en{
    margin-top: 30px;
}
html #item-inner-block-1{
    display: block;
}
.property-home-slider button.slick-arrow-cus{
    display: none;
}
html #item-inner-block-1 .property-item{
    width: 100%;
  
}
html .property-home-slider{
    width: 100%;
    padding: 0px 12px;
    padding-right: 25px;
    padding-left: 0px;
}
html .fest-img-item{
    /* height: 300px !important; */
    width: 100% !important;
    aspect-ratio: 3/2;
}
html .property-home-slider .img-slider-block {
    height: inherit;
    aspect-ratio: 3/2;
}
html .property-home-slider .slick-track{
    display: flex;
}
.while-here-container-map h2 {
    font-size: 21px;
    margin-bottom: 20px;
}
.while-here-container-map #map{
    height: 300px !important;
}
div.home-container-map{
    padding: 0px 12px;
}
.while-here-container{
    padding-bottom: 20px;
}
.mob-main-top i.bi-arrow-right-short {
    color: #fff;
}
.mob-main-top i.bi-arrow-right-short {
    color: #fff;
}
.container-mission .card-body{
    flex-wrap: wrap;
}
.container-mission .card .card-text{
    width: 100%;
    order: 2;
}
.container-mission .card .card-image{
    width: 100%;
}
.container-mission .card .card-image img{
    margin-bottom: 15px;
}
.container-mission .card.card-right{
    margin-top: 20px;
}
.about-main-block p:last-child{
    margin-bottom: 0px;
}
html .center-content {

    margin-top: 0px;
    margin-bottom: 20px;
}
html .container-ourservice h2 {
    font-size: 25px;
    margin-bottom: 20px;
    margin-top: 30px;
}
.slider-popup-container .sync2{
    padding: 0px;
}
html .news-img img {
    height: 300px;
    height: auto;
    aspect-ratio: 3/2;
}
.property-home-slider .content-slider-block{
    margin-bottom: 20px;
}
div.main-banner{
    background:#fff !important;
}
.main-banner:after{
    display:none;
}

    html .container div.main-tab-container {
        padding: 0px;
    }
    html .form-search-listing .form-1{
        display: none;
    }
    .main-tab-container{
        box-shadow: none;
    }
    html div.main-tab-banner-inner nav{
        border: 0px;
}

html .main-tab-banner-inner .nav-tabs .nav-item.show .nav-link, html .main-tab-banner-inner .nav-tabs .nav-link.active, html .main-tab-banner-inner .nav-tabs .nav-link:hover{
    height: auto;
}
html .main-tab-banner-inner{
    background-color: #f5fef3;
    padding: 10px;
    margin-top: 60px;
}
}


#lightbox{
    display: flex;
    flex-direction: column;
}
.lb-outerContainer{
    order:2;
    margin-top: 10px;
}
html .irs-line {
    height: 3px;
    top: 33px;
    background: #e4e4e4;
    border: 1px solid #CCC;
    border-radius: 16px;
    -moz-border-radius: 16px;
}
#item-inner-block-1{
    display: flex;
}
.property-home-slider button.slick-arrow-cus{
    display: none;
}

.top-main-label{
    background-color: #ff8d0a;
    padding: 6px;
    position: relative;
    z-index: 9;
}
.top-main-label p{
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin: 0px;

}

.search-city-list ul li .city-span{
    position: absolute;
    right: -4px;
    top: 5px;
    color: #a00;
    font-size: 10px;
    background: #fee;
    color: #a00;
    padding: 1px;
    line-height: 1em;
    border-radius: 50%;
}
.search-city-list ul li{
    position: relative;
}
@media screen and (max-width:599px) {
	label.radio-button-label.home-prop-all {
		background:#0EA800;
		border-radius: 50%;
		width: 35px;
		text-align: center;
		height: 35px;
		color: #fff;
		margin-right: 4px;
	}
	label.radio-button-label.home-prop-all span {
		color: #fff;
		padding: 4px;		
	}
    .main-tab-banner-inner .nav-tabs .nav-link{
        margin-right: 4px;
    }
    html .main-tab-banner-inner .nav-tabs .nav-link {
        padding: 9px 20px;
        width: 23.8%;
        font-size: 13px;
        padding: 9px 7px;
        width: 18.74%;
        font-size: 11px;
    }
   /* html .main-tab-banner-inner .nav-tabs .nav-item.show .nav-link, 
   html .main-tab-banner-inner .nav-tabs .nav-link.active,
   html  .main-tab-banner-inner .nav-tabs .nav-link:hover {
        height: 41px;
    } */
  html  div.main-tab-container {
       
        padding: 15px;
    }
    .main-tab-banner-inner .nav-tabs .nav-link:last-child{
        margin: 0px;
    }
    .main-tab-banner-inner .form-search-listing{
        display: block;
    }
    html .form-search-listing .form-1 {
        width: 100%;
        margin-bottom: 10px;
    }
    .form-search-listing .form-2 {
        width: 100%;
        padding: 0px;
        margin-bottom: 10px;
    }
    html .form-search-listing .form-2 {
        width: 100%;
       
    }
    html .form-search-listing .form-2 .form-control{
        border: 1px solid #0ea800;
        border-radius: 4px;
        font-size: 12px;
        height: auto;
        padding: 12px 15px;

    }
    #select-search {
        color: #fff;
        background-color: #0ea800;
        padding: 6px 10px;
        font-size: 14px;
        line-height: 1em;
        font-weight: 400;
        letter-spacing: 0.5px;
        display: block;
        position: relative;
        display: flex;
        align-items: center;
        height: 40px;
        border-radius: 5px;
    }
    .text-span img {
        width: 26px;
        margin-right: 10px;
    }
    .listing-ul.t-dropdown-list img {
        width: 26px;
        margin-right: 10px;
    }
    .t-dropdown-block .listing-ul li {
        cursor: pointer;
        margin: 0px;
        padding: 6px;
        font-size: 14px;
    }
    .form-search-listing {
        display: flex;
        align-items: center;
        margin-top: 15px;
    }
    .text-span {
        display: flex;
        align-items: center;
        font-size: 15px;
    
    }
    button.search-btn {
        
        font-size: 16px;
        
        padding: 8px 20px;
        border-radius: 4px;
        border: 0px;
        height: auto;
        border: 0px;
        width: 100%;
    }
    html     .form-search-listing .form-3 {
        width: 100%;
    }
    html .form-filter-btn a {
        font-size: 13px;
        line-height: 1em;
        font-weight: 400;
        color: #0ea800;
        margin-right: 0px;
        display: flex;
        align-items: center;
    }
    .form-filter-btn img {
        margin-right: 3px;
        width: 18px;
    }
    /* popup */
    div.search-form-group button.search-btn {
        height: 50px;
    }
    .search-form-group button.search-btn {
       
        font-size: 14px;
        line-height: 1em;
        padding: 25px 15px;
    }
    .search-form-group button.search-btn svg {
        
        height: 16px;
        width: 16px;
        margin-right: 5px;
    }
    .search-form-group .form-left .form-control {
        border: 0px;
        padding: 0px;
        font-size: 13px;
        line-height: 1.2em;
        max-width: 250px;
        color: #515b6e;
        padding-top: 4px;
    }
    .search-form-group .form-left .form-left-inner {
      margin: 0px;
        padding: 14px 11px;
        height: 46px;
        overflow: hidden;
        white-space: nowrap;
    }
    .search-form-group .form-right {
        width: 28%;
    }
    #exampleModal.modal.fade .modal-header {
       
        padding: 15px;
        border: 0px;
        padding-top: 33px;
    }
    .modal-dialog .form-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 6px;
        flex-wrap: wrap;
    }
    .modal-dialog .form-content ul {
        
        margin: 3px 0px;
        flex-wrap: wrap;
    }
  html  .modal-dialog   .search-form-group {
    
        margin-top: 10px;
    }
  html  .modal-dialog   div.form-group ul li:not(:last-child) {
        margin-right: 6px;
    }
 html   #exampleModal .modal-body {
        padding: 0px;
        padding-top: 10px;
    }
    html #exampleModal .form-group {
        margin: 0px 15px 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgb(208, 211, 217);
    }
    html .form-container-block .extra-controls.form-inline .form-control{
        font-size: 15px;
    }
    html #exampleModal .btn-close{
        font-size: 14px;
    }
    html #exampleModal .btn-close svg {
        stroke-linejoin: round;
        stroke-linecap: round;
        fill: none;
        vertical-align: middle;
        width: 20px;
        height: 16px;
        margin-left: 5px;
    }
    #exampleModal .btn-close{
        right: -3px;
    }
    html .main-tab-banner-inner nav {
        padding-bottom: 0px;
        border-bottom: 1px solid #eee;
    }
    div.main-title h2 {
        font-size: 17px;
        color: var(--grencolor);
        width: calc(100% - 134px);
       
    }
    .while-here-container div.main-title h2 {
        width: 100%;
    }
  html .main-title div.view-all {
        width: 80px;
        padding: 0px;
        width: 134px;
        padding: 0px;
        padding-right: 12px;
    }
    html     .news-block ul li {
        width: 100%;
        margin: 0px;
        padding: 0px 12px;
        padding-bottom: 15px;
    }
    .development-container, .while-here-container, .news-container {
        padding: 30px 0px;
    }
    .property-item {
        margin-top: 0px;
    }
    .recent-main-title {
        padding-top: 30px;
    }
    .property-home-slider .property-item {
       
                width: auto;
                margin: 0px 12px;
                /* margin-bottom: 20px; */
    }
   .property-home-slider .slick-initialized .slick-slide {
        width: 100% !important;
        margin: 0px;
        
        
        /* margin-bottom: 15px; */
    }
    
    .img-slider-block {
       
        overflow: initial;
    }
    .property-home-slider .row{
        /* margin: 0px; */
    }
    .fo-top {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .about-fo {
        margin-bottom: 20px;
    }
    #footer-container h3 {
        margin-bottom: 5px;
        margin-top: 20px;
    }
    ul.fo-social li:not(:last-child) {
        margin-right: 10px;
    }
    div.fo-bottom {
        
        padding: 5px 0px 17px;
    }
    ul.qr-listing img {
        width: 80px;
        height: 80px;
    }
    .post-ad-div a {
        padding: 10px 15px;
        margin-top: 10px;
        margin-left: 10px;
        background: #f1540b;
        color: #fff;
        font-size: 13px;
        display: block;
        border-radius: 5px;
        text-align: center;
        width: 150px;
        font-weight: 400;
        text-transform: capitalize;
    }
    .post-ad-div {
		display: none;
        position: absolute;
        bottom: -38px;
        right: 0px;
        width: 166px;
        height: 63px;
        background-color: #fff;
        z-index: 1111;
        border-radius: 20px 0px 0px 0px;
    }
    div.main-banner {
        height: 429px;
        margin-top: -487px;
    }
    .col-search-block {
        position: relative;
        height: 388px;
    }
    .img-slider-block {
        height: auto;
    }
  
    section.inner-banner h2 {
        color: #0ea800;
        font-size: 26px;
        text-align: left;
    }
    /* agents */
    .agent-box {
        width: 100%;
        display: block;
    }
    .agent-main-image{
        border: 0px;
        max-width: 120px;
        padding: 0px;
        text-align: center;
        margin: 0 auto;
    }
    .agent-whole{
        width: 100%;
    }
    .agent-buttom-title1 {
        border: solid 1px #0ea800;
        padding: 12px 5px;
        border-radius: 3px;
        font-weight: 600;
        font-size: 12px;
        line-height: 1em;
        border-color: #0ea800;
        color: #0ea800;
        /* background-color: #f1f7f0; */
        margin-right: 6px;
        margin-top: 10px;
        text-align: center;
        width: 70px;
        height: 70px;
    }
    .agent-buttom-title1 img {
        height: 23px;
    }
    .agent-buttom-number {
        padding-top: 4px;
        color: #333;
        text-align: center;
        color: #fff;
        padding: 2px 6px;
        font-size: 10px;
        margin-top: 5px;
        background-color: #f1540b;
        border-radius: 3px;
        font-weight: 400;
    }
    .main-register-page.agent-main-page #search-input {
        margin-bottom: 10px;
    }
    .agent-content {
        color: #4e6072;
        font-size: 13px;
        line-height: 1.4em;
        font-weight: 400;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .agent-main-page div.form-group.border-tab-frame{
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0px;
    }
    .agent-whole {
        /* width: 100%; */
        background-color: #fff;
        padding: 20px 26px;
        padding: 15px;
        padding-top: 0px;
    }
    .agent-main-page  .search-tab-container{
        margin-bottom: 0px;
    }
    .agent-box:last-child{
        margin-bottom: 0px;
    }
   
}
@media screen and (max-width:450px) {

    .listing-search-top {
        padding: 10px 12px;
     display: block;
    }
    .search-filter-container .listing-search-top select {
        width: 100%;
        font-size: 13px;
        margin-left: 0px;
        margin-top: 10px;
    }
    .listing-search-top p {
        width: 100%;
        font-size: 13px;
       
    }
    .search-filter-container .listing-search-top select{
        margin-left: 0px;
    }
    .middle-li-content h2 {
        font-size: 20px;
    }
    html  .search-filter-container .listing-search-top select {
       
        margin-left: 0px;
    }
    .slider-popup-container {
        max-width: 400px;
        margin: 0 auto;
    }

    /* .slider-popup-container  .sync2 .owl-item{
        height:auto;
        margin: 5px;
        width: 70px;
       
      }

    .slider-popup-container  .sync2 .owl-item img{
        width: 60px;
        height: 60px !important;
        object-fit: cover;
      }
      .owl-carousel.sync2 .owl-stage{
        width: 100% !important;
      } */

}

#item-inner-block-1 .property-item{
    width: 33.33%;
    width: 31.33%;
}
.fest-img-item{
    /* height: 211px !important; */
    background-size: cover !important;
    background-position: center center !important;
    aspect-ratio: 3/2;
}
.font-weight-bold{
    font-weight: bold;
}

#item-inner-block-1 .property-item .img-slider-feat-innner{
    /* position: absolute;
    top: 0px; */
}
#item-inner-block-1 .img-slider-block::before{
    padding: 0px;
}
/* download document */
.download_document {
	text-align: right;
	font-size: 15px;
}
.download_document select{
  color: #0ea800;
  width: 200px;
  border: 1px solid #0ea800;
  margin-top: 6px;
  border-radius: 6px;
  padding: 2px;
}

@media screen and (max-width:500px) {
  /* .slider-popup-container .owl-dots{
        
        bottom: 105px;
        
      } */
}
.agent-verified{
    font-size: 15px;
    font-weight: 300;
}

 
html .slider-popup-container .onb-embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    margin-bottom: 1em;

    
}


html .slider-popup-container .onb-embed-responsive__16by9 {
    padding-bottom: 56.25%;
}

html .slider-popup-container .onb-embed-responsive__4by3 {
    padding-bottom: 75%;
}
html .slider-popup-container .onb-embed-responsive-item {
    position: absolute !important;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
    transform: none;
}


@media screen and (max-width:768px) {
    html .slider-popup-container .onb-embed-responsive__16by9 {
        padding-bottom: 49.25%;
    }
    .container-myproperties-details.profile-container table button.delete-btn {
        position: static;
        margin: 0px 5px;
        position: relative;
        right: unset;
        top: 5px;
    }


}