/*-------------------------------------

|                                     

|        General Styles Starts        

|                                     

-------------------------------------*/

:root {

  --fonts: 'Roboto', sans-serif;

  --fonts_noto: 'Noto Serif JP', serif;



  --c_iron: #DCE0E0;

  --c_blue: #294695;

  --c_cerulean: #00AEEF;

  --c_cerulean_light: #33BEFF;

  --c_boulder: #7A7A7A;

  --c_white: #FFFFFF;

  --c_black: #000000;

}

/*==========================

  General Style Starts

==========================*/



html body {

  font-family: var(--fonts);

  font-size: 15px;

  font-weight: 300;

  line-height: 25px;

  text-align: left;

  text-transform: none;

}



/* body .container {

  max-width: 100%;

  padding-left: 2.5rem;

  padding-right: 2.5rem;

} */

.sticky {

  position: fixed !important;
  background-color: #fff;
  width: 100%;

}

.btn-block {

  display: block;
  width: 100%;

}

.section-heading h2 {

  font-family: var(--fonts);
  font-weight: 500;
  font-size: 45px;
  color: #294695;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 1rem;

}
.section-heading h3 {
    font-family: var(--fonts);
    font-weight: 500;
    font-size: 45px;
    color: #294695;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 1rem;
}

.inquiry-form h3{
  font-family: var(--fonts);
    font-weight: 500;
    font-size: 45px;
    color: #294695;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 1rem;
}
section.explore-cities.py-5 h2 {
    color: #fff !important;
}

section.explore-cities.py-5 p {
    font-family: var(--fonts);
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
}

select#subject {
    border: none;
    border-bottom: 1px solid #000;
    border-radius: unset;
    margin-bottom: 60px;
    font-family: montserrat,Sans-serif;
    font-size: 16px;
    font-weight: 200;
    text-transform: capitalize !important;
}

.section-desc p {

  font-family: var(--fonts);

  font-weight: 400;

  font-size: 16px;

  color: var(--c_black);

  line-height: 1.5;

}

h2.standard_heading {

  font-family: var(--fonts);
  font-weight: 400;
  font-size: 25px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #294695;

}

p.desc {

  font-family: var(--fonts);

  font-weight: 300;

  font-size: 18px;

  color: var(--c_black);

  line-height: 1.5;

}



h3.big_heading {

  font-family: var(--fonts_noto);

  font-weight: 300;

  font-size: 40px;

  line-height: 1.5;

  color: var(--c_black);

}



h3.standard_heading {

  font-family: var(--fonts);

  font-weight: 300;

  font-size: 25px;

  line-height: 1.5;

  color: var(--c_black);

}



p.simple_text {

  font-family: var(--fonts);

  font-weight: 300;

  font-size: 16px;

  line-height: 1.5;

  color: var(--c_black);

}



p.simple_text.c_white,

h3.big_heading.c_white,

h3.standard_heading.c_white,

.section-heading.c_white h2 {

  color: var(--c_white);

}



.btn-primary {

  font-family: var(--fonts);

  font-weight: 500;

  font-size: 15px;

  padding: 0.5rem 1rem;

  background-color: var(--c_cerulean);

  border-color: var(--c_cerulean);

}



.btn-primary:hover {

  background-color: var(--c_cerulean_light);

  border-color: var(--c_cerulean_light);

}



.heading-content-wrap {

  position: relative;

}



.heading-content-wrap .section-desc {

  padding-bottom: 3em;

}



.heading-content-wrap::after {

  content: '';

  position: absolute;

  background-color: rgba(0, 0, 0, 0.75);

  width: 50%;

  height: 1px;

  left: 0;

  top: 100%;

}



.img-wrap {

  position: relative;

  z-index: 1;

  display: block;

  transition: 0.5s;

  text-decoration: none;

}



.img-wrap::after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  border-radius: 4px 4px 0 0;

  height: 100%;

  width: 100%;

  opacity: 1;

  transition: 0.5s;

  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.75) 100%);

}



.img-wrap:hover::after {

  opacity: 0;

  transition: 0.5s;

}



.img-wrap img {

  border-radius: 4px 4px 0 0;

}



.slick-dots {

  bottom: -50px;

}



.slick-prev,

.slick-next {

  top: -5%;

  right: 0;

  color: var(--c_white);

  font-family: var(--fonts);

  font-weight: 300;

  font-size: 12px;

  border-radius: 4px 4px;

  line-height: 1;

  background-color: rgba(0, 0, 0, 0.15);

  padding: 9px 10px;

  width: auto;

  height: auto;

  transition: all 0.5s ease;

}



.slick-prev {

  right: 5%;

  left: auto;

}



.slick-prev:hover,

.slick-prev:focus,

.slick-next:hover,

.slick-next:focus {

  color: var(--c_white);

  transition: all 0.5s ease;

  background-color: var(--c_cerulean);

}



.slick-prev::before,

.slick-next::before {

  content: none;

}



/*==========================

  General Style Ends

==========================*/

/*==========================

  Navbar Style Starts

==========================*/

/*===== Desktop Navbar Start =====*/

body.nav-abs .desktop-header {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 9;

}



.desktop-header {

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

  background-color: transparent;

}



.desktop-header .navbar {

  padding-top: 0;

  padding-bottom: 0;

}



.desktop-header .navbar .navbar-brand {

  color: var(--c_white);

  font-family: var(--fonts);

  font-weight: 500;

  font-size: 2rem;

}



.desktop-header .navbar .navbar-nav .nav-item {

  margin: 0 0.5rem;

  display: flex;

  align-items: center;

}



.desktop-header .navbar .navbar-nav .nav-item .nav-link {

  padding: 2rem 0.5rem;

  font-family: var(--fonts);

  font-weight: 300;

  font-size: 15px;

  line-height: 1;

  color: var(--c_white);

}



.desktop-header .navbar .navbar-nav .nav-item .nav-link.link-btn {

  padding: 0.75rem 1rem;

  border-radius: 0.25rem;

  border: 1px solid var(--c_white);

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

}



.desktop-header .navbar .navbar-nav .nav-item .nav-link.link-btn:hover {

  border: 1px solid var(--c_cerulean);

  background-color: rgba(41, 70, 149, 0.65);

}



/*===== Desktop Navbar End =====*/





/*==========================

  Navbar Style Ends

==========================*/

/*==========================

  Footer Style Starts

==========================*/

footer .footer-top {

  padding-top: 120px;

  padding-bottom: 120px;

  background-color: #004274;

}



.footer-col .footer-title h3 {

  font-family: var(--fonts);

  font-weight: 400;

  font-size: 18px;

  line-height: 1;

  margin-bottom: 1em;

  color: var(--c_white);

}



.footer-col .footer-links .nav-item {

  margin-top: 0.5rem;

  margin-bottom: 0.5rem;

}



.footer-col .footer-links .nav-link {

  display: inline-block;

  padding: 0;

  font-family: var(--fonts);

  font-weight: 500;

  font-size: 14px;

  line-height: 1;

  color: var(--c_white);

}



.footer-col .footer-links .nav-link svg {

  margin-right: 15px;

}



.footer-col .footer-newsletter .form-control {

  margin-right: 1rem;

  max-width: calc(70% - 1rem);

  flex: 0 0 70%;

  padding: 0.5rem;

  border: transparent;

}



.footer-col .footer-newsletter .btn {

  max-width: calc(30% - 1rem);

  flex: 0 0 30%;

  margin-left: 1rem;

}



footer .footer-bottom p,

.footer-col .footer-newsletter p {

  font-family: var(--fonts);

  font-weight: 300;

  line-height: 1;

  margin-top: 15px;

  margin-bottom: 15px;

  color: var(--c_white);

}



footer .footer-bottom {

  padding-top: 50px;

  padding-bottom: 50px;

  background-color: #00335A;

}



footer .footer-bottom p {

  margin-bottom: 0;

  margin-top: 0;

}



footer .footer-bottom .footer-logo {

  color: var(--c_white);

  font-family: var(--fonts);

  font-weight: 500;

  text-decoration: none;

  font-size: 1.5rem;

  text-align: center;

}



footer .footer-bottom .social-links {

  list-style: none;

  margin: 0;

  padding: 0;

}



footer .footer-bottom .social-links li {

  padding-left: 1rem;

}



footer .footer-bottom .social-links li a {

  font-size: 1.15rem;

  color: var(--c_white);

}



/*==========================

  Footer Style Ends

==========================*/

/*-------------------------------------

|                                     

|        General Styles Ends          

|                                     

-------------------------------------*/

/*-------------------------------------

|                                     

|      Homepage Styles Starts         

|                                     

-------------------------------------*/

/*===== Home Hero Start =====*/

.home-hero {

  background-image: url('../images/background/main1.jpg');

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  height: 600px;

  position: relative;

  z-index: 1;

}



.home-hero .home-hero-overlay {

  position: absolute;

  z-index: -1;

  left: 0;

  top: 0;

  right: 0;

  height: 100%;

  width: 100%;

  bottom: 0;

  background-color: var(--c_blue);

  opacity: 0.7;

  mix-blend-mode: multiply;

  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

}



.home-hero .main-heading h2 {

  font-family: var(--fonts);

  font-size: 45px;

  font-weight: 500;

  color: var(--c_white);

  text-align: center;

  line-height: 1.15;

}



.home-hero .tag-line {

  max-width: 65%;

  margin-left: auto;

  margin-right: auto;

}



.home-hero .tag-line p {

  font-family: var(--fonts);

  font-weight: 300;

  font-size: 20px;

  color: var(--c_white);

  line-height: 1.5;

  text-align: center;

}

/*===== Home Hero End =====*/



/*===== Search Form Start =====*/

.search-form {

  height: 170px;
  background-color: var(--c_white);
  position: relative;

}



.search-form .search-form-inner {

  position: absolute;

  z-index: 1;

  width: 100%;

  transform: translateY(-50%);

}



.search-form .search-form-inner .row {

  max-width: 1000px;

  margin-left: auto;

  margin-right: auto;

}



.search-form .nav .form-check {

  margin: 0;

  padding-left: 0;

}



.search-form .nav .form-check-input {

  display: none;

}



.search-form .nav .form-check-input + label {

  color: var(--c_white);

  background-color: rgba(41, 70, 149, 0.56);

  padding: 1rem 1.5rem;

  margin: 0px 1px 0px 1px;

  border-radius: 4px 4px 0 0;

  cursor: pointer;

  font-family: var(--fonts);

  font-weight: 500;

  font-size: 15px;

  line-height: 1;

}



.search-form .nav .form-check-input:checked + label {

  background-color: var(--c_white);

  color: var(--c_black);

}



.search-wrapper {

  background-color: var(--c_white);

  padding: 30px;

  border-radius: 4px 4px 4px 4px;

  box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 10%);

  display: flex;

  flex-wrap: wrap;

  align-items: flex-end;

  flex-direction: row;

  margin-left: -5px;

  margin-right: -5px;

}



.search-wrapper .form-group {

  padding: 0 5px;

  flex: 0 0 calc(100% / 5);

  max-width: calc(100% / 5);

}

@media (max-width: 768px)

{

  .search-wrapper .form-group {

    padding: 0 5px;

    flex: 0 0 calc(100% / 1);

    max-width: calc(100% / 1);

  }

}

.search-wrapper .form-group label {

  font-family: var(--fonts);

  font-weight: 500;

  font-size: 12px;

  line-height: 1;

  text-transform: uppercase;

  color: var(--c_black);

  margin-bottom: 0px;

}



.form-select {

  border-color: var(--c_iron);

  font-family: var(--fonts);

  font-weight: 400;

  font-size: 15px;

  padding: 0.5rem 1rem;

}

/*===== Search Form End =====*/

/*===== Offplan Projects Start =====*/

.offplan-projects {

  background-color: #fff;
  padding-bottom: 60px;

}



.offplan-projects .items-wrap {

  display: flex;

  align-items: flex-start;

  flex-wrap: wrap;

  flex-direction: row;

  position: relative;

  margin-left: -10px;

  margin-right: -10px;

  margin-top: 5rem;

  margin-bottom: 5rem;

}



.offplan-projects .items-wrap .item {

  padding-left: 10px;

  padding-right: 10px;

  flex: 0 0 calc(100% / 3);

  max-width: calc(100% / 3);

}



.offplan-projects .items-wrap .item .top-content {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  padding: 1.25rem;

  z-index: 2;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.offplan-projects .items-wrap .item .top-content .tags {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.offplan-projects .items-wrap .item .top-content .tags span {

  display: block;

  font-family: var(--fonts);

  font-weight: 300;

  font-size: 12px;

  line-height: 1;

  color: var(--c_white);

  padding: 2.5px 5px;

}



.offplan-projects .items-wrap .item .top-content .tags span.cat {

  background-color: #77c720;

}



.offplan-projects .items-wrap .item .top-content .tags span.type {

  background-color: rgba(0,0,0,.65);

}



.offplan-projects .items-wrap .item .top-content .price h4 {

  font-family: var(--fonts);

  font-weight: 500;

  font-size: 22px;

  line-height: 1;

  color: var(--c_white);

  margin-bottom: 0;

}



.offplan-projects .items-wrap .item .item-bottom {

  background-color: var(--c_white);

  padding: 1rem;

}



.offplan-projects .items-wrap .item .item-bottom .title {

  font-family: var(--fonts);

  font-weight: normal;

  font-size: 16px;

  color: var(--c_black);

  line-height: 1;

  text-decoration: none;

  display: block;

  margin-bottom: 0.75em;

  transition: all 0.45s ease;

}



.offplan-projects .items-wrap .item .item-bottom .title:hover {

  transition: all 0.45s ease;

  color: var(--c_cerulean);

}



.offplan-projects .items-wrap .item .item-bottom address {

  font-family: var(--fonts);

  font-weight: 300;

  font-size: 13px;

  line-height: 1;

  margin-bottom: 15px;

  color: #636363;

  -o-text-overflow: ellipsis;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

}



.offplan-projects .items-wrap .item .item-bottom .item-amenities {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  margin: 0;

  padding: 0;

  list-style: none;

}



.offplan-projects .items-wrap .item .item-bottom .item-amenities li {

  margin-bottom: 10px;

  margin-right: 12px;

}



.offplan-projects .items-wrap .item .item-bottom .item-amenities li svg {

  margin-right: 5px;

}



.offplan-projects .items-wrap .item .item-bottom .item-amenities li:last-child span,

.offplan-projects .items-wrap .item .item-bottom .item-amenities li .hz-figure {

  font-family: var(--fonts);

  font-weight: 300;

  font-size: 12px;

  color: #636363;

}



.offplan-projects .items-wrap .item .item-bottom .item-amenities li:last-child span {

  font-weight: normal;

  color: var(--c_black);

}



.offplan-projects .items-wrap .item .item-bottom .item-amenities li:last-child {

  flex: 0 0 100%;

  max-width: 100%;

}



.offplan-projects .items-wrap .item .item-bottom .item-amenities li .item-amenities-text {

  display: none;

}

/*===== Offplan Projects End =====*/

/*===== Finest Properties Start =====*/

.finest-properties .nav .btn-primary {

  background-color: var(--c_white);
  color: var(--c_blue) !important;
  padding: 0.2rem 2rem;
  border: 1px solid var(--c_blue);
  border-radius: 0 0;

}


.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: unset !important;
}
.finest-properties .nav .btn-primary:hover,
 {

  background-color: #fff;
  color: var(--c_blue) !important;
}

.finest-properties .nav .btn-primary.active:hover{
    background-color: var(--c_blue) !important;
    color: var(--c_white) !important;
}

.finest-properties .nav .btn-primary:active {
    color: #fff !important;
}
.finest-properties .nav .btn-primary.active {

    background-color: var(--c_blue) !important;
    color: var(--c_white) !important;  

}



.finest-properties .properties-items-wrap {

  display: flex;

  flex-wrap: wrap;

  flex-direction: row;

  margin-left: -10px;

  margin-right: -10px;

}



.finest-properties .properties-items-wrap .item {

  position: relative;

  flex: 0 0 calc(100% / 3);

  max-width: calc(100% / 3);

  padding-left: 10px;

  padding-right: 10px;

  margin-bottom: 20px;

}



@media (max-width: 768px)

{

  .finest-properties .properties-items-wrap .item {

    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);

  }


}

@media (max-width: 520px)

{

  .finest-properties .properties-items-wrap .item {

    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);

  }

}



.finest-properties .properties-items-wrap .item .img-wrap::after,

.finest-properties .properties-items-wrap .item .img-wrap img {

  border-radius: 4px 4px;

  min-height: 297px;

  max-height: 297px;

  width: 100%;

}



.finest-properties .properties-items-wrap .item .content {

  padding: 1rem;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: flex;

  flex-wrap: wrap;

  flex-direction: column;

}



.finest-properties .properties-items-wrap .item .content .content-inner {

  margin-top: auto;

  z-index: 1;

}



.finest-properties .properties-items-wrap .item h2 {

  font-family: var(--fonts);

  font-weight: 300;

  font-size: 16px;

  color: var(--c_white);

  line-height: 1;

  transition: all 0.5s ease;

}



.finest-properties .properties-items-wrap .item h2:hover {

  transition: all 0.5s ease;

}



.finest-properties .properties-items-wrap .item .price {

  font-family: var(--fonts);

  font-weight: 500;

  font-size: 18px;

  line-height: 1;

  color: var(--c_white);

  margin-bottom: 10px;

}



.finest-properties .properties-items-wrap .item span.tag,

.finest-properties .properties-items-wrap .item span.cat {

  display: inline-block;

  font-family: var(--fonts);

  font-weight: 300;

  font-size: 12px;

  line-height: 1;

  color: var(--c_white);

  padding: 2.5px 5px;

  flex: 0 0 fit-content;

  flex: 0 0 -moz-fit-content;

  max-width: fit-content;

  max-width: -moz-fit-content;

}

.finest-properties .properties-items-wrap .item span.tag {

  background-color: #294695;

}

.finest-properties .properties-items-wrap .item span.cat {

  background-color: rgba(0,0,0,.65);

}

.finest-properties .properties-items-wrap .item .item-amenities {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  margin: 0;

  padding: 0;

  list-style: none;

}



.finest-properties .properties-items-wrap .item .item-amenities li {

  margin-right: 12px;

  color: var(--c_white);

}



.finest-properties .properties-items-wrap .item .item-amenities li .item-amenities-text {

  display: none;

}



.finest-properties .properties-items-wrap .item .item-amenities li .hz-figure {

  font-family: var(--fonts);

  font-weight: 300;

  font-size: 12px;

  color: var(--c_white);

}



/*===== Finest Properties End =====*/

/*===== Why Choose US Start =====*/

.why-choose-us {

  position: relative;
  z-index: 1;

}



.why-choose-us .why-choose-overlay {

  position: absolute;

  z-index: -1;

  left: 0;

  top: 0;

  right: 0;

  height: 100%;

  width: 100%;

  bottom: 0;

  background-color: var(--c_blue);

  mix-blend-mode: multiply;

  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

}



.why-choose-us .heading-content-wrap::after {

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

}



.why-choose-us .inner-row > div:first-child .heading-content-wrap {

  padding-bottom: 5rem;

  padding-top: 2.5rem;

}



.why-choose-us .inner-row > div:nth-child(3) .heading-content-wrap,

.why-choose-us .inner-row > div:nth-child(2) .heading-content-wrap,

.why-choose-us .inner-row > div:last-child .heading-content-wrap {

  padding-bottom: 1.5rem;

  padding-right: 3.5rem;

  padding-top: 0.1rem;

}



.why-choose-us .inner-row > div:nth-child(3) .heading-content-wrap {

  padding-top: 1.6rem;

}



.why-choose-us .inner-row > div:last-child .heading-content-wrap {

  padding-top: 4rem;

}



.why-choose-us .inner-row .standard_heading {

  margin-bottom: 1.75em;

}



.why-choose-us .inner-row .simple_text {

  color: rgba(255, 255, 255, 0.75);

}



.inquiry-form {

  padding: 50px 50px;

  background-color: var(--c_white);

}



/*===== Why Choose US End =====*/

/*===== Residential Area Start =====*/

.residential-area {

  background-color: var(--c_white);

  background-position: center left;

}



.residential-area .container {

  max-width: 920px;

}



.residential-area .heading-content-wrap {

  margin-bottom: 3rem;

  margin-top: 4rem;

  padding-right: 4rem;

}



.explore-cities .city-item,

.residential-area .residential-item {

  box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 10%);

  border-radius: 4px 4px;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  position: relative;

  margin-top: 10px;

  margin-bottom: 10px;

}



.residential-area .residential-item#apartments {

  background-image: url(/images/residential-area/apartments.jpg);

  padding-top: 290px;

}



.residential-area .residential-item#studio {

  background-image: url(/images/residential-area/studio.jpg);

  height: 100%;

  padding-top: 290px;

}



.residential-area .residential-item#single-family {

  background-image: url(/images/residential-area/single-family.jpg);

  padding-top: 290px;

}



.residential-area .residential-item#villa {

  background-image: url(/images/residential-area/villa.jpg);

  padding-top: 290px;

}



.residential-area .residential-item#office {

  background-image: url(/images/residential-area/office.jpg);

  padding-top: 290px;

}



.residential-area .residential-item#shop {

  background-image: url(/images/residential-area/shop.jpg);

  padding-top: 290px;

}



.explore-cities .city-item .img-wrap,

.residential-area .residential-item .img-wrap {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

  height: 100%;

  width: 100%;

}



.explore-cities .city-item .img-wrap::after,

.residential-area .residential-item .img-wrap::after {

  background: var(--c_black);

  border-radius: 4px 4px;

  opacity: 0.3;

  z-index: -1;

}



.explore-cities .city-item .img-wrap:hover::after,

.residential-area .residential-item .img-wrap:hover::after {

  opacity: 0;

}



.explore-cities .city-item .content,

.residential-item .img-wrap .content {

  padding: 30px;

  width: 100%;

  height: 100%;
  border: 6px solid #fff;

  display: flex;

  flex-wrap: wrap;

  flex-direction: column;

  z-index: 1;

}

.explore-cities .city-item .content{
  text-align: center;
}

.city-item .properties-no,

.residential-item .properties-no {

  font-family: var(--fonts);

  font-weight: 300;

  font-size: 12px;

  color: var(--c_white);

  line-height: 1;

}



.city-item .title,

.residential-item .title {

  font-family: var(--fonts);
  font-weight: 300;
  font-size: 20px;
  line-height: 1.5;
  color: var(--c_white);
  text-transform: uppercase;
  margin-top: 0.35em;

}



.city-item .details-btn,

.residential-item .details-btn {

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: var(--c_white);

  margin-top: auto;

}



.city-item .details-btn span,

.residential-item .details-btn span {

  font-family: var(--fonts);

  font-weight: 300;

  color: var(--c_white);

  font-size: 14px;

  line-height: 1;

}

/*===== Residential Area End =====*/

/*===== Explore Cities Start =====*/

.explore-cities {

  background-color: #294695;

}



.explore-cities .cities-items-wrap {

  max-width: 100%;

}



.explore-cities .city-item {

  flex: 0 0 calc(100% / 4 - 20px);

  width: calc(100% / 4 - 20px);

  margin-right: 10px;

  margin-left: 10px;

  padding-top: 510px;

}



.element-container {

  max-width: 920px;

}

.houzez_section_title_wrap {

  text-align: center;

  margin-bottom: 40px;

}

.houzez_section_title {

  font-family: "Roboto", Sans-serif;

  font-size: 35px;

  font-weight: 300;
  color: #294695;

}

.houzez_section_subtitle {

  color: #000;
  font-family: "Roboto", Sans-serif;
  font-size: 16px;
  font-weight: 300;

}

.testimonials-section{

  background-color: #fff;

  padding-top:30px ;

  padding-bottom: 30px;

}

.testimonial-item-v2 {

  color: #000000;

  background-color: #EDF9FF;

}

.testimonials-section .testimonial-thumb img {

  height: auto;

  max-width: 100%;

  border: none;

  -webkit-border-radius: 0;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

}





.partner-section {

  position: relative;

  background-color: #FFFFFF;

    border-style: solid;

    border-width: 1px 0px 0px 0px;

    border-color: #ECECEC;

    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

    padding: 15px 0px 15px 0px;

}

.element-row {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

@media (min-width: 768px)

{

.element-col-20{

    width: 20%;

}

}

.element-column, .element-column-wrap {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.element-column {

    min-height: 1px;

}

.element-image{

  padding: 10px;

}

@media (max-width: 768px)

{

  .partner-section{ display: none;}

}

/*===== Explore Cities End =====*/

/*-------------------------------------

|                                     

|       Homepage Styles Ends          

|                                     

-------------------------------------*/

/*-------------------------------------

|                                     

|        MEDIA QURIES STARTS          

|                                     

-------------------------------------*/

/*-------------------------------------

|                                     

|         MEDIA QURIES ENDS           

|                                     

-------------------------------------*/

.border-bottom-bg {

  border-bottom: 1px solid rgba(0,0,0,.125)!important;

  z-index: 0;

}

.white-bg {

  background-color: #fff!important;

}

.guide-bg {

position: relative;

padding-bottom: 64px;

}

.container-max {

  max-width: 1170px;

  width: 100%;

  margin-left: auto !important;

  margin-right: auto !important;

  padding: auto;

}

.bar-bg::after {

  content: "";

  width: 135px;

  height: 100%;

  position: absolute;

  top: 0;

}

.guide-bg.bar-bg:after {

left: 5%;

background: #f6f4f2 !important;

-webkit-transform: skewX(-25deg);

transform: skewX(-25deg);

}

@media (max-width: 640px) {

.guide-bg.bar-bg:after {

  right: 5%;

}



}

.cont-overlay {

  position: relative;

  z-index: 99;

}

.margin-bottom-md {

  margin-bottom: 16px !important;

}

.margin-right-sm {

  margin-right: 8px !important;

}

.u-tL, .u-tS, .u-textLeft, .u-textStart {

  text-align: start!important;

}



.t-Cards {

  list-style: none;

  padding: 0;

  margin: -8px;

  overflow: hidden;

  flex-wrap: wrap;

}

.t-Card, .t-Cards, .t-Cards-item {

  display: inline-block;

}

.blog-content-bg .full-width {

  width: 100%;

  margin-bottom: 5px;

}

.t-Cards {

list-style: none;

padding: 0;

margin: -8px;

overflow: hidden;

flex-wrap: wrap;

column-count: 2;

}

.t-Card {

transition: all 0.1s ease-out;

border-radius: 3px;

box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.075);

width: calc(100% - 16px);

margin: 8px;

}

.t-Card-wrap {

border-radius: 3px;

border: 1px solid rgba(0, 0, 0, 0.075);

background-clip: padding-box;

width: 100%;

}

.t-Card-wrap:focus {

outline: 0;

}

.t-Card-icon {



border-radius: 100%;

}

.t-Card-icon .t-Icon {

width: 100%;

/* height: 100%;

display: flex; */

align-items: center;

justify-content: center;

border-radius: inherit;

}

.t-Card-initials {

display: block;

overflow: hidden;

text-overflow: ellipsis;

}

.t-Card-initials img {

width: 100%;

height: 100%;

border-radius: 100%;

}

.t-Card-body {

flex-grow: 1;

display: flex;

flex-direction: column;

}

.t-Card-desc {

display: block;

flex-grow: 1;

}

.t-Card-desc:empty,

.t-Card-info:empty,

.t-Card-subtitle {

display: none;

}

.t-Cards-item .t-Card {

box-shadow: none !important;

border-radius: 15px !important;

}

.t-Cards-item .t-Card .t-Card-wrap {

border-radius: 15px !important;

box-shadow: 0 0 12px 1px #477d8a28 !important;

border: 1px solid #e9e6e3 !important;

}

.t-Card-desc:empty + .t-Card-info {

margin-top: 0;

}

.t-Card-info {

font-size: 1.1rem;

line-height: 1.6rem;

margin-top: 12px;

overflow: hidden;

text-overflow: ellipsis;

}

.t-Card, .t-Card-icon, .t-Card-wrap, .t-Cards-item {

  position: relative;

}

.t-Cards--compact .t-Card-icon {

  position: absolute;

  right: 8px;

  top: 8px;

  width: 32px;

  height: 32px;

  line-height: 32px;

  text-align: center;

}

section.guid-section.white-bg.border-bottom-bg h2 {
    color: var(--c_blue);
    font-family: var(--fonts);
}

.u-color-1 {

  background-color:var(--c_blue) !important;

  fill: var(--c_blue) !important;

  color: #ffffff !important;

}

.blog-content-bg .t-Card-titleWrap {

  display: block;

  padding: 16px 16px 5px 16px;

}



.t-Cards--compact .t-Card-titleWrap {

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

}

.t-Cards--compact .t-Card-titleWrap {

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 8px 48px 8px 8px;

  min-height: 48px;

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

}

.blog-content-bg .t-Card-titleWrap {

  display: block;

  padding: 16px 16px 5px 16px;

}

.t-Cards--basic .t-Card-wrap {

display: flex;

flex-direction: column;

overflow: hidden;

}

.t-Cards--basic .t-Card-icon {

position: absolute;

right: 16px;

top: 16px;

width: 32px;

height: 32px;

line-height: 32px;

}

.u-RTL .t-Cards--basic .t-Card-icon {

right: auto;

left: 16px;

}

.t-Cards--basic .t-Card-initials {

font-size: 12px;

font-weight: 500;

}

.t-Cards--basic .t-Card-titleWrap {

display: flex;

flex-direction: column;

justify-content: center;

padding: 12px 64px 12px 16px;

min-height: 64px;

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

}

.blog-content-bg .t-Card-titleWrap div {

  padding: 10px 0;

  color: #737373!important;

}



.blog-content-bg .blog-info {

  justify-content: space-between;

}

.blog-content-bg .author-info, .blog-content-bg .blog-info {

  display: flex;

  align-items: center;

 

}

.padding-top-lg {

  padding-top: 32px!important;

}

.padding-bottom-md {

  padding-bottom: 16px!important;

}

.search_loading { position: relative; }

  .search_loading img.seach_loading{ visibility: hidden; float: right; position: absolute; right: 9px; z-index: 3; top: 10px; width: 30px; }

  .search_loading .form-control{ margin-right: 46px; }

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

  .ms-sel-ctn { line-height: 2;}

  /* .ms-ctn input {line-height: 2; font-size: 1rem; background-color: transparent; color: #fff} */

  /* .ms-ctn input:focus{ background-color: transparent;} */

  /* .ms-ctn .ms-sel-item { background: transparent; border: 0px; color: #ffff; line-height: 2.2; font-size: 1rem} */

  .ms-ctn-focus .ms-sel-item:hover { border: 0px}

  .ms-sel-ctn .ms-sel-item .ms-close-btn { display: none;}

  .swiper-container {

 margin-left:auto;

 margin-right:auto;

 position:relative;

 overflow:hidden;

 list-style:none;

 padding:0;

 z-index:1

}

.swiper-container-vertical>.swiper-wrapper {

 flex-direction:column

}

.swiper-wrapper {

 position:relative;

 width:100%;

 height:100%;

 z-index:1;

 display:flex;

 transition-property:transform;

 box-sizing:initial

}

.swiper-container-android .swiper-slide,

.swiper-wrapper {

 transform:translateZ(0)

}

.swiper-container-multirow>.swiper-wrapper {

 flex-wrap:wrap

}

.swiper-container-multirow-column>.swiper-wrapper {

 flex-wrap:wrap;

 flex-direction:column

}

.swiper-container-free-mode>.swiper-wrapper {

 transition-timing-function:ease-out;

 margin:0 auto

}

.swiper-container-pointer-events {

 touch-action:pan-y

}

.swiper-container-pointer-events.swiper-container-vertical {

 touch-action:pan-x

}

.swiper-slide {

 flex-shrink:0;

 width:100%;

 height:100%;

 position:relative;

 transition-property:transform

}

.swiper-slide-invisible-blank {

 visibility:hidden

}

.swiper-container-autoheight,

.swiper-container-autoheight .swiper-slide {

 height:auto

}

.swiper-container-autoheight .swiper-wrapper {

 align-items:flex-start;

 transition-property:transform,height

}

.swiper-container-3d {

 perspective:1200px

}

.swiper-container-3d .swiper-cube-shadow,

.swiper-container-3d .swiper-slide,

.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top,

.swiper-container-3d .swiper-wrapper {

 transform-style:preserve-3d

}

.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top {

 position:absolute;

 left:0;

 top:0;

 width:100%;

 height:100%;

 pointer-events:none;

 z-index:10

}

.swiper-container-3d .swiper-slide-shadow-left {

 background-image:linear-gradient(270deg,#00000080,#0000)

}

.swiper-container-3d .swiper-slide-shadow-right {

 background-image:linear-gradient(90deg,#00000080,#0000)

}

.swiper-container-3d .swiper-slide-shadow-top {

 background-image:linear-gradient(0deg,#00000080,#0000)

}

.swiper-container-3d .swiper-slide-shadow-bottom {

 background-image:linear-gradient(180deg,#00000080,#0000)

}

.swiper-container-css-mode>.swiper-wrapper {

 overflow:auto;

 scrollbar-width:none;

 -ms-overflow-style:none

}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {

 display:none

}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {

 scroll-snap-align:start start

}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {

 scroll-snap-type:x mandatory

}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {

 scroll-snap-type:y mandatory

}

:root {

 --swiper-navigation-size:44px

}

.swiper-button-next,

.swiper-button-prev {

 position:absolute;

 top:50%;

 width:calc(var(--swiper-navigation-size)/ 44 * 27);

 height:var(--swiper-navigation-size);

 margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));

 z-index:10;

 cursor:pointer;

 display:flex;

 align-items:center;

 justify-content:center;

 color:var(--swiper-navigation-color,var(--swiper-theme-color))

}

.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled {

 opacity:.35;

 cursor:auto;

 pointer-events:none

}

.swiper-button-next:after,

.swiper-button-prev:after {

 font-family:swiper-icons;

 font-size:var(--swiper-navigation-size);

 text-transform:none!important;

 letter-spacing:0;

 text-transform:none;

 font-variant:normal;

 line-height:1

}

.swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

 left:10px;

 right:auto

}

.swiper-button-prev:after,

.swiper-container-rtl .swiper-button-next:after {

 content:"prev"

}

.swiper-button-next,

.swiper-container-rtl .swiper-button-prev {

 right:10px;

 left:auto

}

.swiper-button-next:after,

.swiper-container-rtl .swiper-button-prev:after {

 content:"next"

}

.swiper-button-next.swiper-button-white,

.swiper-button-prev.swiper-button-white {

 --swiper-navigation-color:#fff

}

.swiper-button-next.swiper-button-black,

.swiper-button-prev.swiper-button-black {

 --swiper-navigation-color:#000

}

.swiper-button-lock {

 display:none

}

.swiper-pagination {

 position:absolute;

 text-align:center;

 transition:opacity .3s;

 transform:translateZ(0);

 z-index:10

}

.swiper-pagination.swiper-pagination-hidden {

 opacity:0

}

.swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

 bottom:10px;

 left:0;

 width:100%

}

.swiper-pagination-bullets-dynamic {

 overflow:hidden;

 font-size:0

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

 transform:scale(.33);

 position:relative

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

 transform:scale(1)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

 transform:scale(.66)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

 transform:scale(.33)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

 transform:scale(.66)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

 transform:scale(.33)

}

.swiper-pagination-bullet {

 width:8px;

 height:8px;

 display:inline-block;

 border-radius:50%;

 background:#000;

 opacity:.2

}

button.swiper-pagination-bullet {

 border:none;

 margin:0;

 padding:0;

 box-shadow:none;

 -webkit-appearance:none;

 -moz-appearance:none;

 appearance:none

}

.swiper-pagination-clickable .swiper-pagination-bullet {

 cursor:pointer

}

.swiper-pagination-bullet:only-child {

 display:none!important

}

.swiper-pagination-bullet-active {

 opacity:1;

 background:var(--swiper-pagination-color,var(--swiper-theme-color))

}

.swiper-container-vertical>.swiper-pagination-bullets {

 right:10px;

 top:50%;

 transform:translate3d(0,-50%,0)

}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

 margin:6px 0;

 display:block

}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

 top:50%;

 transform:translateY(-50%);

 width:8px

}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

 display:inline-block;

 transition:transform .2s,top .2s

}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

 margin:0 4px

}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

 left:50%;

 transform:translateX(-50%);

 white-space:nowrap

}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

 transition:transform .2s,left .2s

}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

 transition:transform .2s,right .2s

}

.swiper-pagination-progressbar {

 background:#00000040;

 position:absolute

}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

 background:var(--swiper-pagination-color,var(--swiper-theme-color));

 position:absolute;

 left:0;

 top:0;

 width:100%;

 height:100%;

 transform:scale(0);

 transform-origin:left top

}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

 transform-origin:right top

}

.swiper-container-horizontal>.swiper-pagination-progressbar,

.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

 width:100%;

 height:4px;

 left:0;

 top:0

}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,

.swiper-container-vertical>.swiper-pagination-progressbar {

 width:4px;

 height:100%;

 left:0;

 top:0

}

.swiper-pagination-white {

 --swiper-pagination-color:#fff

}

.swiper-pagination-black {

 --swiper-pagination-color:#000

}

.swiper-pagination-lock {

 display:none

}

.swiper-scrollbar {

 border-radius:10px;

 position:relative;

 -ms-touch-action:none;

 background:#0000001a

}

.swiper-container-horizontal>.swiper-scrollbar {

 position:absolute;

 left:1%;

 bottom:3px;

 z-index:50;

 height:5px;

 width:98%

}

.swiper-container-vertical>.swiper-scrollbar {

 position:absolute;

 right:3px;

 top:1%;

 z-index:50;

 width:5px;

 height:98%

}

.swiper-scrollbar-drag {

 height:100%;

 width:100%;

 position:relative;

 background:#00000080;

 border-radius:10px;

 left:0;

 top:0

}

.swiper-scrollbar-cursor-drag {

 cursor:move

}

.swiper-scrollbar-lock {

 display:none

}

.swiper-zoom-container {

 width:100%;

 height:100%;

 display:flex;

 justify-content:center;

 align-items:center;

 text-align:center

}

.swiper-zoom-container>canvas,

.swiper-zoom-container>img,

.swiper-zoom-container>svg {

 max-width:100%;

 max-height:100%;

 object-fit:contain

}

.swiper-slide-zoomed {

 cursor:move

}

.swiper-lazy-preloader {

 width:42px;

 height:42px;

 position:absolute;

 left:50%;

 top:50%;

 margin-left:-21px;

 margin-top:-21px;

 z-index:10;

 transform-origin:50%;

 animation:swiper-preloader-spin 1s linear infinite;

 box-sizing:border-box;

 border-radius:50%;

 border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));

 border-top:4px solid #0000

}

.swiper-lazy-preloader-white {

 --swiper-preloader-color:#fff

}

.swiper-lazy-preloader-black {

 --swiper-preloader-color:#000

}

@keyframes swiper-preloader-spin {

 to {

  transform:rotate(1turn)

 }

}

.swiper-container .swiper-notification {

 position:absolute;

 left:0;

 top:0;

 pointer-events:none;

 opacity:0;

 z-index:-1000

}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {

 transition-timing-function:ease-out

}

.swiper-container-fade .swiper-slide {

 pointer-events:none;

 transition-property:opacity

}

.swiper-container-fade .swiper-slide .swiper-slide {

 pointer-events:none

}

.swiper-container-fade .swiper-slide-active,

.swiper-container-fade .swiper-slide-active .swiper-slide-active {

 pointer-events:auto

}

.swiper-container-cube {

 overflow:visible

}

.swiper-container-cube .swiper-slide {

 pointer-events:none;

 -webkit-backface-visibility:hidden;

 backface-visibility:hidden;

 z-index:1;

 visibility:hidden;

 transform-origin:0 0;

 width:100%;

 height:100%

}

.swiper-container-cube .swiper-slide .swiper-slide {

 pointer-events:none

}

.swiper-container-cube.swiper-container-rtl .swiper-slide {

 transform-origin:100% 0

}

.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-active .swiper-slide-active {

 pointer-events:auto

}

.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-next,

.swiper-container-cube .swiper-slide-next+.swiper-slide,

.swiper-container-cube .swiper-slide-prev {

 pointer-events:auto;

 visibility:visible

}

.swiper-container-cube .swiper-slide-shadow-bottom,

.swiper-container-cube .swiper-slide-shadow-left,

.swiper-container-cube .swiper-slide-shadow-right,

.swiper-container-cube .swiper-slide-shadow-top {

 z-index:0;

 -webkit-backface-visibility:hidden;

 backface-visibility:hidden

}

.swiper-container-cube .swiper-cube-shadow {

 position:absolute;

 left:0;

 bottom:0;

 width:100%;

 height:100%;

 opacity:.6;

 z-index:0

}

.swiper-container-cube .swiper-cube-shadow:before {

 content:"";

 background:#000;

 position:absolute;

 left:0;

 top:0;

 bottom:0;

 right:0;

 filter:blur(50px)

}

.swiper-container-flip {

 overflow:visible

}

.swiper-container-flip .swiper-slide {

 pointer-events:none;

 -webkit-backface-visibility:hidden;

 backface-visibility:hidden;

 z-index:1

}

.swiper-container-flip .swiper-slide .swiper-slide {

 pointer-events:none

}

.swiper-container-flip .swiper-slide-active,

.swiper-container-flip .swiper-slide-active .swiper-slide-active {

 pointer-events:auto

}

.swiper-container-flip .swiper-slide-shadow-bottom,

.swiper-container-flip .swiper-slide-shadow-left,

.swiper-container-flip .swiper-slide-shadow-right,

.swiper-container-flip .swiper-slide-shadow-top {

 z-index:0;

 -webkit-backface-visibility:hidden;

 backface-visibility:hidden

}

section.s-pad-y {

    padding-top: 2rem;

    padding-bottom: 2rem;

}

@media (min-width: 992px)

{

  section.s-pad-y {

    padding-top: 5rem;

    padding-bottom: 5rem;

  }

}



#partners.bg-dark {

  background-color: #fff !important;

}

  #partners .swiper-container {

 padding-bottom:4rem

}

#partners .swiper-wrapper {

 display:flex;

 align-items:center

}

#partners .swiper-slide {

 text-align:center

}

#partners .swiper-slide img {

 width:130px

}

#partners .swiper-slide:not(.swiper-slide-active) {

 opacity:.3

}



  .partners {

 position:relative

}

.swiper-line {

 position:absolute;

 bottom:2rem;

 left:0;

 width:100%;

 height:1px;

 background-color:#ccc

}

.swiper-line   img {

 position:absolute;

 width:3rem;

 height:3rem;

 top:50%;

 padding:0 .5rem;

 margin-top:-1.5rem;

 background-color:#fff;

 cursor:pointer;

 z-index:1

}

.swiper-line   img:first-child {

 left:0

}

.swiper-line   img:last-child {

 right:0

}

.swiper-line   div {

 width:40%;

 margin:0 auto;

 background-color:#000;

 height:1px

}

@media (min-width: 992px) {

 .swiper-line   div {

  width:20%

 }

}

swiper {

  display: block;

}


/* Changes */

h2.houzez_section_title {
    color: var(--c_blue);
}