@import url(effect.css);

/* Fonts */
@import url('https://use.fontawesome.com/releases/v6.7.2/css/all.css');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
/* -- https://materializecss.com/icons.html -- */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;800&family=Roboto+Condensed:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
font-family: 'Fortestyle';
src: url('fonts/GOODDP.eot');
src: local('GOODDP'), url('fonts/ForteMT.woff2') format('woff'), url('fonts/ForteMT.woff') format('woff');
}



html { margin: 0; padding:0; overflow-x:hidden;}
body{ 
font-family: 'DM Sans', sans-serif; font-weight:normal; padding:0; color:#1c1c1c; font-weight:400; padding-right:0!important; overflow-x:hidden; position:relative;
font-size:15px;
line-height:1.5;
min-height:100%;
transition: background-color 0.5s;
}
body:before{position:absolute; left:0; right:0; height:1px; background:#fff; content:''; display:block; z-index:-1;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

a:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}

:root{--blue:#26a4e0; --dark:#0c1a56; --gray:#b1b1b1; --orange:#f58220;}

img{border:0;}
a{color:var(--blue); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--dark);}


h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:600; line-height:1;}

a:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}


.container-fluid{ max-width:1500px;}


@keyframes blinker {
  50% { opacity: 0.2;}
}


.scroll-downs {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 10vh;
  left: 0;
  margin: auto;
  width :28px;
  height: 25px;
  z-index:5; cursor:pointer;
}

.mousey {
  width: 3px;
  padding: 7px 12px;
  height: 28px;
  border: 2px solid var(--dark);
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: var(--blue);
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}


.container{width:1400px; max-width:96%; margin:0 auto;}

.header-area{display:block; position:relative; z-index:999; overflow:hidden; clear:both; /*background:transparent url('../images/header-bg.jpg') no-repeat center center fixed; background-size:cover;*/}
#myHeader{position:fixed; top:17px; left:0; right:0; z-index:3; padding:12px;}
#myHeader img{height:60px;}

#myHeader ul.headerBTN{list-style-type:none; margin:0; padding:0; float:right; font-size:11px; font-weight:600; text-transform:uppercase;}
#myHeader ul.headerBTN li{display:inline-block; margin:0 2px; vertical-align:middle;}
.headerBTN .input-group{position:relative;}
#myHeader ul.headerBTN li select{background:none; border:none; color:#fff; text-transform:uppercase; padding:16px 25px 6px 0; cursor:pointer; font-weight:600; position:relative; z-index:1;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: ''
}
.headerBTN .input-group i{position:absolute; right:0; top:17px; color:var(--orange); font-size:15px; cursor:pointer;}
#myHeader ul.headerBTN li > a{display:block; overflow:hidden; padding:12px 15px;border:1px var(--blue) solid; background:var(--blue); color:#fff; border-radius:4px;}
#myHeader ul.headerBTN li:last-child > a{ color:var(--blue); background:#fff;}
#myHeader ul.headerBTN li > a i{color:#fff; padding-right:5px;}
#myHeader ul.headerBTN li:last-child > a i{color:var(--blue);}
#myHeader ul.headerBTN li > a:hover{background:var(--orange); border-color:var(--orange); color:#fff!important;}
#myHeader ul.headerBTN li > a:hover i{color:#fff!important;}


.sticky{
z-index:9999; top:0!important;
background: rgba(255,255,255,0.6);
backdrop-filter: blur(8px);
margin-top:-25px;
/* height:27%; */
-webkit-backdrop-filter: blur(8px);
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.sticky1{
z-index:9999; top:0!important;
background: rgba(255,255,255,0.6);
backdrop-filter: blur(8px);
/* margin-top:-25px; */
/* height:27%; */
-webkit-backdrop-filter: blur(8px);
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#myHeader {
  transition: all 0.3s ease;
}

#myHeader.sticky {
  z-index: 9999;
  top: 0 !important;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding-top: 5px;
  padding-bottom: 0px;
}

/* Adjustments for small screens (mobile) */
@media (max-width: 767.98px) {
  #myHeader.sticky {
    padding-top: 30px;
    padding-bottom: 4px;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: #fff;
  }
} 

.heroSection{display: flex; justify-content: center; align-items: center; text-align:center; position:relative; overflow:hidden; width:100%; height:100vh; background:transparent url('../images/heroBg.jpg') no-repeat center bottom fixed; background-size:cover;}
.heroSection:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 30%;
  content: '';
  display: block;
  background: linear-gradient(180deg,#fff 0%,rgba(255,255,255,.005) 100%); opacity:0.7;
}
.heroSection > div{
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 765px;
  padding: 24px 32px;
  gap: 16px;
  border-radius: 16px;
  background: rgba(0,0,0,.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  position: relative; color:#fff;
}
.heroSection > div h1{font-weight:300; font-size:30px;}
.heroSection ul {
display: flex;
justify-content: center;
list-style: none;
padding: 0;
margin-bottom: 24px;
}

.heroSection ul li a {
color: #fff;
margin: 0 16px;
text-decoration: none;
font-weight: 500;
padding-bottom: 4px;
border-bottom: 2px solid transparent;
}

.heroSection ul li a.active {
border-color: var(--orange);
}

.properyType {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 24px;
}

.properyType a, .properyType > label{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
color: #fff;
text-decoration: none;
width: 90px;
margin: 5px auto;
font-size:12px;
border: 2px transparent solid;
background:none;
padding:5px;
}
.properyType a.active, .properyType > label.active {
  border: 2px dotted #fff;  /* use your orange or fallback to red */
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.1);
}

.properyType i {
font-size: 24px;
margin-bottom: 8px;
}

.heroSection label {
display: flex;
align-items: center;
background: #fff;
border-radius: 32px;
overflow: hidden;
}

.heroSection label input {
border: none;
flex-grow: 1;
padding: 12px 20px;
border-radius: 32px 0 0 32px;
font-size: 16px;
outline: none;
}

.heroSection label button {
background: none;
border: none;
color: var(--orange);
font-size: 20px;
padding: 0 20px;
cursor: pointer;
}

.heroSection .propertyTypeSelect {
  width: 100%;
  padding: 0 15px; height:40px;
  border-radius: 32px;
  border: none;
  font-size: 16px;
  margin-bottom:5px;
  background:rgba(255,255,255,0.5); border:none;
}




.highlighCount{display:block; overflow:hidden; padding:40px 0 60px;}
.highlighCount h2{font-weight:300; margin:0;}
.highlighCount span{display:block; overflow:hidden; clear:both; font-size:18px; margin-bottom:0; line-height:1.2; color:var(--blue);}
.highlighCount [class^="col-sm"]{text-align:center; border-left:1px #ddd solid;}


.listingArea h3{ display:block; margin-bottom:30px; border-left:2px var(--blue) solid; padding-left:15px; font-size:24px;}
.propertyListing [class^="col-"]{margin-bottom:30px;}
.propertyListing [class^="col-"]>div{border:1px #ddd solid;}
.propertyListing [class^="col-"]>div>a{display:block; overflow:hidden; clear:both; position:relative;}
.propertyListing [class^="col-"]>div>a>img{width:100%; display:block;transition: transform 0.4s ease; }
.propertyListing [class^="col-"]:hover>div>a>img{transform: scale(1.2);}
.propertyListing [class^="col-"]>div>a>span{position:absolute; left:10px; top:10px; background:#fff; padding:2px 8px; line-height:18px; border-radius:5px; font-size:12px; color:#222;}
.propertyListing [class^="col-"]>div>a>span>img{height:18px; margin-right:5px;}
.propertyListing [class^="col-"]>div>div{display:block; overflow:hidden; padding:20px 15px;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.propertyListing [class^="col-"]>div>div h4{margin-bottom:10px; font-size:20px;}
.propertyListing [class^="col-"]>div>div h4 a{float:right; font-size:12px; text-transform:uppercase; background:var(--orange); color:#fff; padding:3px 5px; border-radius:5px;}
.propertyListing [class^="col-"]>div>div p i{ color:var(--orange);}
.propertyListing [class^="col-"]>div>div ul{list-style-type:none; margin:0 0 20px; padding:0;}
.propertyListing [class^="col-"]>div>div ul li{display:inline-block; font-weight:700; margin-right:12px;}
.propertyListing [class^="col-"]>div>div ul li img{height:30px; margin-right:5px;}
.propertyListing [class^="col-"]>div>div>a{display:block; overflow:hidden; background:var(--blue); color:#fff; border-radius:7px; padding:7px 0 10px; text-align:center;}
.propertyListing [class^="col-"]>div>div>a:hover{background:var(--orange);}


.cityLissting{display: flex;  flex-wrap: wrap;  justify-content: center;  gap: 5px;  padding: 0;  margin: 0 auto 80px;  list-style: none;}
.cityLissting li{flex: 0 0 calc(10% - 5px); text-align: center;}
.cityLissting li a{display: flex;  flex-direction: column;  align-items: center;  justify-content: center; border-radius: 50%;  width: 100px;  height: 100px;  text-decoration: none;  transition: all 0.3s ease;}
.cityLissting li img{width: 70px; height: 70px; margin-bottom: 0;}
.cityLissting li span{font-size: 14px; color: #333;}
.cityLissting li a:hover span{font-weight:700; color:var(--orange);}


.aboutContent{text-align:center; display:block; margin:0 auto 30px; width:800px; max-width:100%;}
.aboutContent h4{font-size:22px; font-weight:600;}
.aboutContent h4 strong{background:var(--orange); color:#fff; font-size:18px; margin:0 1px; position:relative; top:-2px; width:30px; height:30px; outline:1px #fff solid; outline-offset:-3px; line-height:30px; border-radius:50%; display:inline-block; font-weight:400;}
.aboutContent h4 span{color:var(--blue); font-family:'Noto Serif';}
.aboutContent h5{font-size:18px; font-weight:600; color:var(--dark); letter-spacing:1px;}
.aboutContent h5 .fa-location-dot{color:#c3d600;}
.aboutContent h5 .fa-house-user{color:#ae8df5;}
.aboutContent h5 .fa-heart{color:#d93c23;}


.footer{display:block; clear:both; overflow:hidden; padding:30px 0 0; position:relative; font-size:14px; border-top:1px #ddd solid;}
.footer > div{position:relative; z-index:5;}
.footer > div > .row ul{list-style-type:none; margin:0; padding:0;}
.footer > div > .row ul li{display:block;padding:2px 0 2px 15px; position:relative;}
.footer > div > .row ul li:before{position:absolute; left:0; top:3px; content:'\f105'; font-family:'Font Awesome 6 Free'; font-weight:900; font-size:12px; display:block;}
.footer > div > .row ul li a{color:#222;}
.footer > div > .row ul li a:hover{color:var(--orange);}
.footer > div > .row h6{font-weight:700;}


.footerContact{display:block; margin:20px auto 0; width:800px; max-width:100%; text-align:center;}
.footerContact [class^="col-"] > a{display:block; overflow:hidden; clear:both; color:#222; font-size:20px;}
.footerContact [class^="col-"] > a:hover{color:var(--orange);}
.footerContact [class^="col-"]:first-child{border-right:#ccc solid 1px;}
.footerContact h6{font-weight:400; text-transform:uppercase; background:var(--orange); color:#fff; padding:4px 15px; margin-bottom:15px; display:inline-block; border-radius:15px;}

.social-icons{margin:0; padding:0; list-style-type:none; position:relative;}
.social-icons li{display:inline-block; font-size:18px; margin:0 1px;}
.social-icons li a{color:var(--orange); display:block; width:32px; height:32px; line-height:32px; border-radius:50%; text-align:center; border:1px var(--orange) solid;}
.social-icons li a:hover{color:#fff; background:var(--orange);}
.footer p{font-size:14px; color:#666; display:block; padding:20px 0;}

.footer .fa-chevron-up{font-size:18px; color:var(--orange);}




/* .modal-dialog {
max-width: 800px;
margin: 30px auto;
}
.modal-body {
position:relative;
padding:0px;
}
.close {
position:absolute;
right:10px;
top:10px;
z-index:999;
font-size:2rem;
font-weight: normal;
color:var(--blue);
opacity:1;
} */



.innerHeader{display:block; margin:90px 0 40px; border-top:1px #ddd solid; padding:10px 0;}
.innerHeader .properyType{margin:0 0 5px;}
.innerHeader .properyType > label{color:#444; font-weight:700; text-transform:uppercase; width:100px; line-height:1.2; position:relative; cursor:pointer;}
.innerHeader .properyType > label input[type="radio"]{width:100%!important; height:100%!important; display:block; position:absolute; display:none;}
.innerHeader .properyType > label small{color:var(--blue);}

.innerHeader .properyType input[type="radio"]:checked + i,
.innerHeader .properyType input[type="radio"]:checked ~ small {
  color: var(--blue);
}

.innerHeader .formBox{background:#ddd; padding:15px; border-radius:5px;}
.innerHeader .formBox input, .innerHeader .formBox select{width:100%; height:40px; padding:0 10px; border:1px #fff solid; background:#fff; border-radius:5px; margin:5px 0;}
.innerHeader .formBox input[type="checkbox"]{width:20px; height:20px; position:relative; top:2px; display:inline-block; margin-right:5px;}
.innerHeader .formBox input[type="submit"]{background:var(--orange); border-color:var(--orange); text-transform:uppercase; font-weight:700; color:#fff;}
.innerHeader .formBox input[type="submit"]:hover{background:var(--blue); border-color:var(--blue);}



.innerDetailsArea{margin-bottom:30px; display:block; padding-bottom:30px;box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}
.innerDetailsArea h1{font-size:22px;}


.propertyListingDetails > div{display:block; overflow:hidden; padding:20px 15px; margin-bottom:30px; border:1px #ddd solid; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.propertyListingDetails [class^="col-"]>span{position:absolute; left:25px; bottom:10px; background:#fff; padding:2px 8px; line-height:18px; border-radius:5px; font-size:12px; color:#222;}
.propertyListingDetails [class^="col-"]>span>img{height:18px; margin-right:5px;}
.propertyListingDetails [class^="col-"]>div small{display:block; overflow:hidden; margin-bottom:3px; width:100%;}
.propertyListingDetails [class^="col-"]>div small label{float:right;}
.propertyListingDetails [class^="col-"]>div h4{margin-bottom:10px; font-size:20px;}
.propertyListingDetails [class^="col-"]>div h4 a{font-size:12px; text-transform:uppercase; background:var(--orange); color:#fff; padding:1px 5px; margin-left:5px; border-radius:5px;}
.propertyListingDetails [class^="col-"]>div p i{ color:var(--orange);}
.propertyListingDetails [class^="col-"]>div ul{list-style-type:none; margin:0 0 10px; padding:0;}
.propertyListingDetails [class^="col-"]>div ul li{display:inline-block; font-weight:700; margin-right:12px;}
.propertyListingDetails [class^="col-"]>div ul li img{height:30px; margin-right:5px;}
.propertyListingDetails [class^="col-"]>div.contentBox>a{display:inline-block; overflow:hidden; background:#222; border:1px #222 solid; margin:0 5px 0 0; color:#fff; border-radius:5px; padding:7px 15px 8px; text-align:center; font-size:12px;}
.propertyListingDetails [class^="col-"]>div.contentBox>a:last-child{background:none; color:#222;}
.propertyListingDetails [class^="col-"]>div.contentBox>a:hover{background:var(--orange)!important; color:#fff!important; border-color:var(--orange)!important;}
.propertyListingDetails .carousel-item img{width:100%; min-height:230px; object-fit:cover;}


.pagination{display: flex;justify-content: center;}
.pagination .page-item{ margin:0 4px;}
.page-item.active .page-link {z-index: 2; color: #fff; background-color: var(--blue); border-color: var(--blue);}
.page-item.disabled .page-link {color: var(--blue); pointer-events: none; background-color: #fff; border-color: #fff;}
.page-link{position: relative; display: block; height:35px; width:35px; border-radius:5px; text-align:center; line-height: 1; color: #444; background-color: #fff; border: 1px solid #ddd;}
.pagination > .page-item:first-child .page-link, .pagination > .page-item:last-child .page-link{border:1px transparent solid; background:none;}
.page-link:focus, .page-link:hover{color: #444; text-decoration: none; background-color: #ddd; border-color: #ccc;}

.stickyLeft, .leftMenuArea{box-sizing: border-box;}
/* .stickyLeft{background:#fff; z-index:100;} */
.stickyLeft{background:#fff;}
.leftMenuArea{padding:20px; border:1px #ddd solid;}
.bulkSmsBnt{width:100%; display:block; overflow:hidden; padding:10px; text-align:center; background:#16c60c; color:#fff; font-size:17px; border:1px #000 solid;}
.bulkSmsBnt:hover{background:#222; color:#fff;}
.leftMenuArea h5{font-weight:400; font-size:17px;}
.leftMenuArea select{ margin-bottom:20px; display:block; overflow:hidden;}
.leftMenuArea input[type="submit"]{background:var(--orange); border-color:var(--orange); text-transform:uppercase; font-weight:700; color:#fff; border:none; padding:10px; width:100%; border-radius:5px;}
.leftMenuArea input[type="submit"]:hover{background:var(--blue); border-color:var(--blue);}


/* .custom-sm-modal{max-width:95%; width:400px;} */
/* button.close{background:var(--blue); color:#fff; width:40px; height:40px; text-align:center; top:0; right:0;} */
/* button.close:hover{background:var(--orange); color:#fff;} */




.smsformBox {
  background:#eaf3f9;
  display: block;
  overflow: hidden;
  clear: both;
  padding: 60px 0 0;
  margin-bottom: 40px;
}



.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 20px;
  margin: 40px 0;
}
.service-card {
  background: #fff;
  border: 1px solid #dce5ed;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  text-align: center;
  transition: 0.3s;
}

.service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  background:var(--orange);
}

.service-card i {
  font-size: 24px;
  color: var(--orange);
  margin-bottom: 10px;
}

.service-card span {
  font-size: 15px;
  font-weight: 500;
  color: #333;
}
.service-card:hover i, .service-card:hover span{color:#fff;}

.smsformBox h2 {
  color: var(--blue); font-size:24px;
  font-weight: 700;
}

.smsformBox .lead {
  color: #555;
}

/* Step Box Styling */
.smsformBox .step-box {
  border: 1px solid #e0e0e0;
  border-left: 5px solid var(--blue);
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 30px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
  transition: 0.3s;
}

.smsformBox .step-box:hover {
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.smsformBox .step-number {
  background-color: var(--orange);
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}

.smsformBox .step-box h5 {
  color: #333;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
}

/* Form Controls */
.smsformBox input.form-control, 
.smsformBox select.form-select, 
.smsformBox textarea.form-control {
  border-radius: 6px;
  border: 1px solid #ccc;
  max-width: 100%;
}

.smsformBox button.btn-primary {
  background-color: var(--blue);
  border-color: var(--blue);
}

.smsformBox button.btn-primary:hover {
  background-color: #0086c3;
}

.smsformBox button.btn-success {
  background-color: var(--orange);
  border-color: var(--orange);
}

.smsformBox button.btn-success:hover {
  background-color: #e26900;
}

/* Progress bar */
.smsformBox .progress-bar {
  background-color: var(--blue);
}

/* Checkbox label */
.smsformBox .form-check-label {
  font-weight: 500;
  color: #444;
}

/* Contact List */
#contactList {
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 6px;
  background: #fafafa;
  margin-top: 10px;
}




/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media (min-width: 1400px){
}


@media (max-width: 1024px){

}

@media (max-width: 991px){
.heroSection{padding:70px 15px 30px;}
.heroSection > div{padding:30px 15px;}
.heroSection > div h1{font-size:18px;}
.heroSection label button { position:relative; right:30px;}

.aboutContent h5{font-size: 15px;letter-spacing: 0;}
}

@media (max-width: 767px){
#myHeader{display:block; width:100%; padding:12px 0;}
#myHeader img{height:45px;}

.headerBTN span{display:none;}
#myHeader ul.headerBTN li{margin:0px;}
#myHeader ul.headerBTN li > a i{ padding:0; margin:0;}

.highlighCount h2{font-size:22px; margin-bottom:20px;}
.highlighCount [class^="col-sm"]{text-align:left; border-left:none; border-top:1px #ddd solid; padding-top:10px; padding-bottom:10px;}


.footer > div > .row [class^="col-"]{margin-bottom:20px; text-align:center;}
.footer > div > .row [class^="col-"] li:before{display:none;}
.footer > div > .row ul li{padding:2px 0;}
.footerContact [class^="col-"]:first-child{border:none; margin-bottom:15px;}

.innerDetailsArea h1{font-size:18px;}
.innerDetailsArea > div > .row > [class^="col-"]{ margin-bottom:30px;}
.propertyListingDetails [class^="col-"]>div.contentBox{padding-top:15px;}

.smsformBox .step-box .row > div{margin-bottom: 10px;}
.services-grid {grid-template-columns: repeat(2, 1fr);}

}

@media (max-width: 500px){

}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}