/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

/* Default Css */
*{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html{
  overflow-x: hidden !important;
}
body{
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 400;
  color: #000929;
  overflow-x: hidden;
  padding-right: 0px !important;
}
ul,ol{
  margin: 0;
  padding: 0;
  list-style: none;
}
h1,h2,h3,h4,h5,h6,p{
  padding: 0;
  margin: 0;
}
a{
  text-decoration: none;
  color: inherit;
  display: inline-block;
}
img{
  width: 100%;
}
input {
  -webkit-appearance: none !important;
  /* Disable default iOS styling */
  /* Add any other iOS-specific styling here */
}
.m_search_area{
  display: none;
}
.btn_1{
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding: 13px 28px;
  border-radius: 10px;
  background-color: #450AA7;
  color: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: 0px 12px 45px 0px rgba(56, 12, 130, 0.31);
          box-shadow: 0px 12px 45px 0px rgba(56, 12, 130, 0.31);
}
.btn_1:hover{
  background-color: #6a10fc;
  color: #fff;
}
.btn_4{
  border-radius: 13px;
  background: #450AA7;
  padding: 14px 22px;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  max-width: 130px;
  width: 100%;
}
.btn_4:hover{
  background-color: #6a10fc;
}
.btn_5{
  border-radius: 7px;
  background: #fff;
  padding: 13px 28px;
  color: #6270A0;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  max-width: 113px;
  width: 100%;
  border: 1px solid rgb(98 112 160 / 41%);
}
.btn_5:hover{
  background-color: #6a10fc;
  color: #fff;
}
.heading_0{
  font-size: 1.2rem;
}
.heading_1{
  font-size: 58px;
  font-weight: 700;
  line-height: 71px;
  /* letter-spacing: -1%; */
}
.heading_2{
  font-size: 40px;
  font-weight: 700;
  line-height: 56px;
  /* letter-spacing: -1%; */
}
.heading_3{
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  /* letter-spacing: -1%; */
}
.heading_4{
  font-size: 14px;
  color: #6270A0;
}
.pera_text{
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  color: #6270A0;
}

.text_26{
  font-size: 26px;
  font-weight: 800;
  line-height: 39px;
  letter-spacing: 0em;
}
.text_14{
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.185em;
  color: #6270A0;
}
.text_16{
  font-size: 16px;
  font-weight: 600;
  line-height: 46px;
  letter-spacing: 0;
  color: #6270A0;
}
.text_12{
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0em;
  color: #6270A0;
}

.text_8{
  font-size: 8px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0em;
  color: #6270A0;
}

.text_10{
  font-size: 10px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0em;
  color: #6270A0;
}

.text_18{
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: 0em;
  color: #000929;
}
.container{
  max-width: 1140px;
  width: 100%;
  margin: auto;
}


/* ===================================================================
                            Header Area CSS Start
====================================================================*/
.header-area{
  background: #F0EFFB;
}
.header-main{
  position: relative;
  padding: 30px 0;
}
.header-menu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header-logo a img{
  width: 101px;
  height: 15px;
}
.Footer-logo a img{
  width: 90px;
  height: 14px;
}
.header-nav nav ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}
.header-nav nav ul li a{
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #6270A0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.header-nav nav ul li a:hover{
  color: #143292;
}
.header-nav nav ul li .btn_1{
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding: 13px 28px;
  border-radius: 10px;
  background-color: #450AA7;
  color: #fff;
  -webkit-box-shadow: 0px 12px 45px 0px rgba(56, 12, 130, 0.31);
          box-shadow: 0px 12px 45px 0px rgba(56, 12, 130, 0.31);
}
.header-nav nav ul li .btn_1:hover{
  background-color: #6a10fc;
  color: #fff;
}



/*Start Mobile Menu icon*/
.mobile-menu {
  position: absolute;
  top: calc(50% + 0px);
  right: 0px;
  display: none;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
#nav-icon {
  width: 30px;
  height: 14px;
  position: relative;
  margin: 4px 0px 0px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  background: #000929;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  width: 30px;
}
#nav-icon span:nth-child(2) {
  top: 8px;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  width: 20px;
  left: inherit;
  right: 0;
}

/*End Mobile Menu icon*/


/* ===================================================================
                            Banner Area Css Start
====================================================================*/
.banner-area{
  background: #F0EFFB;
  display: -ms-grid;
  display: grid;
  /* display: flex; */
  -ms-grid-columns: 1fr 0px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 49px 0px;
}
.banner-content {
  max-width: 592px;
  float: right !important;
  padding-left: 12px;
  margin-right: -20px;
}
.banner-button{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.banner-image{
  padding-left: 69px;
}
.banner-image img {
  max-height: initial;
  height: auto;
  width: 100%;
  max-width: 660px;
}
.banner-content .pera_text{
  padding-top: 23px;
  padding-bottom: 41px;
}
.banner_button{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px 21px;
}
.banner_button .btn_2{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 152px;
  width: 100%;
  padding: 16px 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  border-radius: 15px;
  background: #450AA7;
  -webkit-box-shadow: 0px 12px 45px 0px rgba(56, 12, 130, 0.31);
          box-shadow: 0px 12px 45px 0px rgba(56, 12, 130, 0.31);
}
.banner_button .btn_2:hover{
  background-color: #6a10fc;
  color: #fff;
}
.banner_button .btn_3{
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #000929 !important;
}
.banner_button .btn_3:hover{
  color: #fff !important;
}
/* ===================================================================
                           Review Top Area Start 
====================================================================*/
.Review_top_area {
  background: #F8F5FF;
  padding: 96px 0px 110px 0px;
}
.section_title {
  text-align: center;
  padding-bottom: 50px;
}
.Review_top_area .tab-content{
  padding-top: 50px;
}
.home_tab{
  border-radius: 46px;
  background: #F2EDFC;  
  max-width: 607px;
  width: 100%;
  margin: auto;
  padding: 5px;
}
.list_type_selection{
  background: rgba(69, 10, 167, 0.03);
  margin-top: 25px;
}
.home_tab .nav{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* Style the buttons inside the tab */
.home_tab .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0px 8px;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 24px;
  color: #797B93;
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
  border-radius: 54px;
  background: transparent;
}
.home_tab .nav-link img{
  width: 20px;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.7;
}
.home_tab .nav-pills {
  --bs-nav-pills-link-active-color: #450AA7;;
  --bs-nav-pills-link-active-bg: #FFF;
}
.home_tab .nav-link.active img{
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  opacity: 1;
}
.Review_inner_content{
  max-width: 731px;
  width: 100%;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 43px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 43px;
}
.Review_single_tab {
  border-radius: 15px;
  border-top: 4px solid #450AA7;
  text-align: center;
  background: #FFF;
  padding: 62px 30px;
}
.Review_single_tab img{
  max-width: 77px;
  width: 100%;
}
.Review_single_tab .heading_3{
  padding-top: 36px;
  padding-bottom: 20px;
}
.Review_single_tab a{
  color: #450AA7;
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.09px;
}
.Review_single_tab a i{
  padding-left: 20px;
}
/* ===================================================================
                           Review Top Area End 
====================================================================*/


/* ===================================================================
                            Pricing Page CSS Start
====================================================================*/
/*.pricing-banner-section{*/
/*  background: url(../images/header-bg.png) no-repeat scroll center center / cover;*/
/*  background-size: 100% 100%;*/
/*}*/
.pricing-banner-section{
  background: #F0EFFB;
}
.pricing-banner-heading{
  padding: 82px 0 316px 0;
  text-align: center;
}

.pricing-body{
  background: #F8F5FF;
}
.pricing-main{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 25px;
  padding-bottom: 37px;
  max-width: 949px;
  width: 100%;
  margin: auto;
  /* margin-top: -140px; */
}
.pricing-main>.pera_text{
  font-weight: 600;
  padding-bottom: 20px;
  color: #000929;
}
.pricing-main > p {
  color: #450AA7;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.09px;
  padding: 20px 0;
}
.pricing-single{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  border-radius: 15px;
  background: #FFF;
  padding: 45px 55px;
  width: 100%;
}
.id-area{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.id-area .number-id{
  color: #5B26B1;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  border-radius: 8px;
  background: #F0EFFB;
  padding: 14px 16px;
}
.id-area .resale{
  border-radius: 10000px;
  background: #FF9B04;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  padding: 5px 10px;
}
.id-area .resale.new-launch{
  background: #B9A0FF;
}
.rank-id{
  color: #5B26B1;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  border-radius: 8px;
  background: #F0EFFB;
  padding: 14px 16px;
}
.condo-card .id-area{
  display: flex;
  justify-content: center;
}
.pricing-single-left h5{
  color: #450AA7;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  padding: 7px 0;
}

.pricing-single-left h6{
  color: #7A64F4;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  padding: 7px 0;
}

.pricing-single-left p{
  color: #6270A0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
}
.pricing-buttons{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-top: 25px;
}
.pricing-buttons-2{
  display: none;
}
.mobile-batch{
  display: none;
}

.pricing-single-right{
  max-width: 428px;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 20px;
}
.report_summary .pricing-single-grid{
  display: flex;
  gap: 10px;
}
.report_view .pricing-single-right{
  max-width: none;
  grid-template-columns: repeat(2, 1fr);
}
.pricing-single-grid{
  border-radius: 10px;
  border: 1px solid rgba(98, 112, 160, 0.10);
  padding: 27px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.grid-price{
  text-align: center;
}
.pricing-single-grid-2{
  padding: 18px 20px;
}
.pricing-single-grid.orange{
  background: rgba(232, 160, 173, 0.15);
}
.pricing-single-grid.purple{
  background: rgba(180, 153, 255, 0.10);
}
.pricing-single-grid.gray{
  background: rgba(151, 138, 187, 0.07);
}
.pricing-single-grid.green{
  background: rgba(42, 216, 112, 0.07);
}
.pricing-single-grid.red{
  background: rgba(255, 0, 0, 0.07);
}
.pricing-single-grid p{
  color: #6270A0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  padding-top: 5px;
}
.pricing-single-grid-2 p{
  line-height: 140%;
  padding-top: 4px;
}
.pricing-single-grid img{
  width: 35px;
  height: 35px;
}
.pricing-single-grid a{
    text-decoration: none;
    color: inherit;
    display: flex;
    line-height: 16px;
    gap: 5px;
}
.pricing-single-grid a img{
  width: 19px;
  height: 19px;
}
/*.pricing-single-grid a::after{*/
/*   !*content:url(../images/question-mark-15x9.png);*!*/
/*}*/
a.tooltip_link {
  display: flex;
  gap: 5px;
}
/*a.tooltip_link::after{*/
/*  content:url(../images/question-20x20.png);*/
/*}*/
div.value_block{
    display: flex;
    gap: 2px;
    line-height: 38px;
}
.pricing-single-grid .heading-3-group{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
}
.pricing-single-grid .heading-3-group img{
  width: 19px;
  height: 19px;
  display: block;
}
.pricing-single-grid.green .heading-3-group .heading_3{
  color: #77BF2F;
}
.pricing-single-grid.red .heading-3-group .heading_3{
  color: #FF0000;
}

.pricing-single-grid .grid-price p{
  display: flex;
  justify-content: center;
}

/* ===================================================================
                            Pricing Page CSS End
====================================================================*/


/* ===================================================================
                            Rent Page CSS Start
====================================================================*/
/*.rent-banner-section{*/
/*  background: url(../images/header-bg.png) no-repeat scroll center center / cover;*/
/*  background-size: 100% 100%;*/
/*}*/
.rent-banner-section{
  background: #F0EFFB;
  border-bottom: 2px solid #6270a02d;
}
/*.rent-banner-heading{*/
/*  padding: 40px 0 185px 0;*/
/*  text-align: center;*/
/*}*/
.rent-banner-heading{
  padding: 40px 0 102px 0;
  text-align: center;
}
.rent-banner-heading2{
  padding: 40px 0 102px 0;
}
.rent-banner-heading3{
  padding: 60px 0 240px 0;
  text-align: center;
}
.rent-banner-heading3 .heading_1 {
  color: #000929;
  font-size: 42px;
  line-height: 1.2;
  margin: 0;
}
.rent-banner-heading p, .meter-message p{
  color: #450AA7;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.09px;
  padding-top: 20px;
}
.desktop_only{
  display: block;
}
.top-right-corner{
  text-align: right;
  padding-top: 10px;
}
.rent-main{
  max-width: 949px;
  width: 100%;
  margin: auto;
  margin-top: 74px;
}
.rent-main2{
  margin-top: inherit;
  margin-bottom: 47px;
}
.recommendations{
  display: flex;
  column-gap: 15px;
  overflow-x: scroll;
}
.condo-card{
    /* position: relative; */
    /* width: 100%; */
    background: #fff;
    margin-bottom: 50px;
    border-radius: 20px;
    padding: 11px;
    min-width: 200px;
    min-height: 126px;
    text-align: center;
}
.condo-card p {
  color: #6270A0;
  font-size: 13px;
  font-weight: 500;
  line-height: 188%;
}

.no-data-found {
  text-align: center;
}

.rent-tab-area .home_tab{
  max-width: 400px;
  width: 100%;
  margin: auto;
  border-radius: 46px;
  background: rgba(69, 10, 167, 0.03);
  /* padding: 5px 10px 5px 5px; */
  padding: 5px;
  margin-bottom: 50px;
}
.rent-tab-area .nav-pills{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rent-tab-area .tab-content .first-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  margin-bottom: 25px;
}
.rent-tab-area .first-content .tab-progress-area{
  max-width: 500px;
  width: 100%;
  border-radius: 10px;
  background: #FFF;
  padding: 35px;
}
.rent-tab-area .first-content .preogress-price{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 20px;
}
.rent-tab-area .first-content .preogress-price p{
  padding-top: 5px;
  color: #6270A0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
}
.rent-tab-area .first-content .progress-price-right{
  text-align: right;
}
.rent-tab-area .first-content .low-high{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 0 22px 0;
}
.rent-tab-area .first-content .low-high h5{
  padding: 18px 21px 10px 21px;
  color: #6270A0;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  position: relative;
  z-index: 1;
}
.rent-tab-area .first-content .low-high h5::after{
  position: absolute;
  content: "";
  width: 74px;
  height: 50px;
  z-index: -1;
}
.rent-tab-area .first-content .low-high h5:nth-child(1):after{
  left: 0;
  top: 0;
  background: url(../images/low.png) no-repeat scroll center center / cover;
}
.rent-tab-area .first-content .low-high h5:nth-child(2):after{
  right: 0;
  top: 0;
  background: url(../images/high.png) no-repeat scroll center center / cover;
}
.p-text{
  color: #6270A0;
  font-size: 12px;
  font-weight: 500;
  line-height: 166.5%;
  text-align: center;
  padding-bottom: 28px;
}
.tab-grid-area{
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 25px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 25px;
     -moz-column-gap: 25px;
          column-gap: 25px;
  row-gap: 25px;
  width: 100%;
}
.tab-grid-area .tab-grid-single{
  padding: 36px;
  text-align: center;
  border-radius: 10px;
  background: #FFF;
}
.tab-grid-area .tab-grid-single p{
  padding-top: 5px;
  color: #6270A0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
}
.tab-grid-single .heading_3.green{
  color: #77BF2F;
}
/* Progress CSS  */
#progress-bar-container {
  width: 100%;
  height: 10px;
  margin: 0 auto;
  position: relative;
  border-radius: 25px;
  overflow: hidden;
}
.progress-bar-child {
  width: 100%;
  height: 100%;
}
.progress {
  color: white;
  text-align: center;
  line-height: 75px;
  font-size: 35px;
  font-family: "Segoe UI";
  animation-direction: reverse;
  background: #e5405e;
  background: -webkit-gradient(linear, left top, right top, from(#FF9B04), to(#450AA7));
  background: -o-linear-gradient(left, #FF9B04 0%, #450AA7 100%);
  background: linear-gradient(90deg, #FF9B04 0%, #450AA7 100%);
}
.shrinker {
  background-color: black;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.timelapse {
  -webkit-animation-name: timelapse;
          animation-name: timelapse;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: cubic-bezier(.86, .05, .4, .96);
          animation-timing-function: cubic-bezier(.86, .05, .4, .96);
}
@-webkit-keyframes timelapse {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
@keyframes timelapse {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}

.pricing_table_title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 40px 0px 40px;
}
.table_btn{
  color: #6270A0;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: -0.08px;
  border-radius: 54px;
  background: #F8F5FF;
  padding: 13px 26px;
}
/* ===================================================================
                            Rent Page CSS End
====================================================================*/


/* ===================================================================
                            Rent-2 Page CSS Start
====================================================================*/
.rent-banner-heading h6{
  color: #6270A0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  padding-top: 10px;
}
.rent_max_width .rent-tab-area .home_tab {
  max-width: 431px;
}
.rent_max_width .rent-tab-area .first-content .tab-progress-area {
  max-width: 100%;
  padding: 42px 35px 42px 35px;
  border-radius: inherit;
  background: inherit;
}
.rent_max_width .rent-tab-area .first-content .first-content-single {
  width: 100%;
  border-radius: 10px;
  background: #FFF;
}
.rent_max_width .rent-tab-area .first-content .low-high {
  padding: 20px 0 0px 0;
}
.rent_max_width .rent-tab-area .first-content .price-psf {
  padding: 25px 35px 20px 35px;
  border-bottom: 1px solid #E0E2EC;
}
.rent_max_width .rent-tab-area .first-content .price-psf h4{
  color: #000929;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
}
.rent_max_width .rent-tab-area .home_tab {
  margin-bottom: 61px;
}
.tab-button-area{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 25px;
     -moz-column-gap: 25px;
          column-gap: 25px;
  margin-bottom: 45px;
}
.tab-button-area .tab-btn{
  border-radius: 7px;
  background: #450AA7;
  padding: 13px 28px;
  max-width: 113px;
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.tab-button-area .tab-btn:hover {
  background-color: #6a10fc;
  color: #fff;
}
/* Rent Fixt Area CSS */

#backtotop{
  position: fixed;
  z-index: 999;
  left: 0;
  top: -100%;
  background: #FFF;
  -webkit-box-shadow: 0px 8px 22px 0px rgba(0, 9, 41, 0.08);
          box-shadow: 0px 8px 22px 0px rgba(0, 9, 41, 0.08);
  width: 100%;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#backtotop.activate{
  top: 0;
}
.rent_heading{
  text-align: center;
  padding: 40px 0 35px 0;
  color: #000929;
  text-align: center;
  font-size: 38px;
  font-weight: 700;
  line-height: 119%;
  letter-spacing: -0.38px;
  border-bottom: 1px solid #E0E2EC;
}
.fixt-btn-area{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 35px 0 40px 0;
}
.fixt-btn-area .btn-text{
  color: #000929;
  font-size: 28px;
  font-weight: 700;
  line-height: 150%;
}
.fixt-content .tab-button-area{
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: inherit;
}
/* ===================================================================
                            Rent-2 Page CSS End
====================================================================*/
/* ===================================================================
                            Rent2 Page CSS Start
====================================================================*/
.rent_max_width{
  max-width: 1025px;
  width: 100%;
  margin: auto;
}
.rent_max_width2{
   margin-top: 74px;
}
.Avg_Price_content{
  background: #FFF;
  padding: 51px 44px;
  border-radius: 10px;
}
.Txn_Table_title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 55px 44px 30px;
}
.Txn_Table_title .heading_4 {
    background: #F8F5FF;
    padding: 9px;
    border-radius: 16px;
}

td > img {
  max-width: 18px;
}

.Avg_Price_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 60px;
}
.Avg_Price_title .heading_3.gain_value.green{
  color: #77BF2F;
}
.Avg_Price_title .heading_3.gain_value.red{
  color: #FF0000;
}
.Avg_Price_title .heading-3-group {
  display: flex;
  align-items: baseline;
  column-gap: 6px;
}
.Avg_Price_title .heading-3-group img{
  width: 19px;
  height: 19px;
  display: block;
}
.Avg_Price_Chart{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Avg_Price_Chart p {
  font-size: 12px;
  font-weight: 600;
  color: #6270A0;
  display: block;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-left: -25px;
}
.Avg_Price_Chart img{
  width: 92%;
}
.Avg_Price_Chart .trend-chart{
  width: 92%;
  max-width: 100%;
  display: block;
}
.mobile_chart{
  display: none;
}

.Value_area{
  margin-top: 25px;
  margin-bottom: 25px;
}
.Pricing_Table_area{
  margin-bottom: 59px;
}
.tab-content-first-item{
  margin-top: 50px;
}
.Pricing_common_table .table tr{
  white-space: nowrap;
}
.Pricing_common_table .table thead tr th{
  padding: 2rem 2rem .8rem 2.7rem !important;
  border-bottom: none !important;
  color: #6270A0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-align: center;
}
.Pricing_common_table .table tbody tr td{
  padding: 1.2rem 4rem 1.2rem 2.7rem !important;
  color: #000929;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
}
.Pricing_common_table .table tbody tr td div{
  color: #6270A0;
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
}
.Pricing_common_table.condo_details .table tbody tr td{
  padding: 1.2rem 4rem 1.2rem 2.7rem !important;
  color: #000929;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  text-align: left;
}
td.condo-details-key {
  color: #6270A0 !important;
}
.first-content-single .Avg_Price_title {
    padding: 20px 20px 15px;
}
.Pricing_common_table .table-responsive {
  background: #FFF;
  border-radius: 10px;
}

/* ===================================================================
                            Rent2 Page CSS End
====================================================================*/


/* ===================================================================
                            Footer Area Css Start
====================================================================*/
.Footer_area{
  background: #000929;
  padding: 17px 0px 20px 0px;
}
.Footer_content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px 30px;
}
.Footer_link ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0px 30px;
}
.Footer_link ul li a{
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.Footer_legal{
  margin-top: 16px;
  max-width: 960px;
}
.Footer_legal p{
  color: rgba(255,255,255,0.86);
  font-size: 13px;
  line-height: 1.55;
  margin: 0 0 8px 0;
}
.Footer_legal a{
  color: rgba(255,255,255,0.88);
}
.legal_copy{
  max-width: 760px;
  margin: 0 auto 48px;
}
.legal_copy h3{
  margin: 28px 0 10px;
}
.legal_copy p{
  margin-bottom: 14px;
}
/* ===================================================================
                            Footer Area Css End
====================================================================*/


/* ===================================================================
                            Search Area Css End
====================================================================*/


.search_banner_tabs .search_tab {
  max-width: 300px;
  width: 100%;
  margin: inherit;
  border-radius: 46px;
  background:rgb(69 10 167 / 11%);
  padding: 5px;
  margin-bottom: 40px;
}

.search_tab .nav-link {
  padding: 8px 38px;
}


.search_two_content p {
  color: #000929;
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.09px;
  margin-bottom: 21px;
}

.search_banner_tabs {
  margin: 40px 0;
}

.seach_btn h3 {
  color: #450AA7;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.32px;
}
.seach_btn p {
  color: #6270A0;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
}

.search_banner_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 40px 0;
}

.search_banner_box .seach_btn {
  padding: 4px 16px;
  text-align: center;
  min-width: 0;
}

.search_banner_box .seach_btn h3 {
  white-space: nowrap;
}

.search_banner_box .seach_btn + .seach_btn {
  border-left: 2px solid #6270A0;
}

.search_two_content .search_banner_box {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  justify-content: center;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  row-gap: 12px;
}

.search_two_content .search_banner_box .seach_btn {
  padding: 4px 8px;
}

@media all and (max-width: 575px) {
  .search_two_content .search_banner_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-template-columns: none;
  }

  .search_two_content .search_banner_box .seach_btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    max-width: 33.33%;
  }

  .search_two_content .search_banner_box .seach_btn:nth-child(3n + 1) {
    border-left: none;
  }

  .search_two_content .seach_btn h3 {
    font-size: 26px;
  }
}

.search_box_area{
  width: 80%;
}

.search_box_area input {
  border-radius: 9px;
  background: #FFF;
  border: none;
  padding: 20px 25px;
  width: 100%;
  color: #6270A0;
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
  /* line-height: 160%; */
}


.button_search button {
  border-radius: 7px;
  background: #450AA7;
  border: none;
  color: #fff;
  padding: 12px 18px;
  font-size: 20px;
}

.search_box_area {
  position: relative;
}

.button_search button {
  border-radius: 7px;
  background: #450AA7;
  border: none;
  color: #fff;
  padding: 12px 18px;
  font-size: 20px;
  position: absolute;
  top: 5.2px;
  right: 5.2px;
}
.button_search button:hover { 
  opacity: 0.83;
}

.button_search input:focus:focus-visible {
  border: 1px solid #450AA7 !important;
}

.search_summary_item:hover {
  cursor: pointer;
}

.price-search-page .rent-banner-section.shape_main_title {
  position: relative;
  z-index: auto;
}
.price-search-page .search_banner_section {
  padding-top: 8px;
  padding-bottom: 0;
}
.price-search-page .rent-banner-heading3 {
  padding: 16px 0 8px;
}
.price-search-page .rent-banner-heading3 .heading_1 {
  font-size: 36px;
  line-height: 1.25;
  margin: 0 auto;
}
.price-search-page .search_banner_tabs {
  margin: 4px 0 24px;
}
.price-search-page .search_box_tab_search {
  max-width: 720px;
  margin-bottom: 24px;
}
.price-search-page .search_two_content .search_banner_box,
.price-search-page .search_summary_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  grid-template-columns: none;
}
.price-search-page .search_two_content .search_banner_box .seach_btn,
.price-search-page .search_summary_row .seach_btn {
  display: inline-flex;
  flex: 0 0 auto;
  max-width: none;
  align-items: baseline;
  gap: 6px;
  margin: 0;
  padding: 8px 14px;
  border: 1px solid #e4dcf6 !important;
  border-radius: 999px;
  background: #F8F5FF;
  text-align: left;
}
.price-search-page .search_two_content .seach_btn h3 {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.2;
  white-space: nowrap;
}
.price-search-page .search_two_content .search_banner_box .seach_btn p,
.price-search-page .search_summary_row .seach_btn p {
  margin: 0;
  color: #6270A0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}
.price-search-page .search_summary_item:hover {
  background: #fff;
  border-color: #450AA7 !important;
}
.price-search-page .search_title {
  margin-bottom: 12px;
  font-size: 16px;
}
@media all and (max-width: 575px) {
  .price-search-page .rent-banner-heading3 .heading_1 {
    font-size: 28px;
    line-height: 1.25;
    padding: 0 12px;
  }
  .price-search-page .search_two_content .search_banner_box .seach_btn,
  .price-search-page .search_summary_row .seach_btn {
    flex: 0 0 auto;
    max-width: none;
  }
}


/* ===================================================================
                            Search Area Css End
====================================================================*/


/* ===================================================================
                            Search 1 Area Css Start
====================================================================*/

.search_box_tab_search {
  max-width: 580px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
    margin-bottom: 40px;
}

.search_box_area22{
  width: 100%;
}

.found_text p {
  /*color: #6270A0;*/
  color: #450AA7;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  /*margin: 40px 0;*/
    margin-bottom: 20px;
}

.search_box_area.search_box_area22 input {
  border: 2px solid rgba(98, 112, 160, 0.25);
}

.search_box_area.search_box_area22 button {
    top: 17.2px;
}

.body_bg{
  background: #F7F7FD;
}

.search_result_title {
  padding: 10px 10px 10px 0;
  border-bottom: 2px solid #f0f0f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-content: space-between;
}

.search_result_title p {
  margin-bottom: 0;
}

.search_result_title h3 {
  color: #000929;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.72px;
  text-transform: uppercase;
  border-left: 3px solid  #450AA7;;
  -webkit-box-sizing: border-box;;
          box-sizing: border-box;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 27px;
}

.search_result_box {
  border-radius: 9px;
  background: #FFF;
}

.search_result_body ul li button {
  border-radius: 11px;
  border: 1px solid rgba(98, 112, 160, 0.31);
  background: #FFF;
  padding: 11px 17px;
  color: #6270A0;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  line-height: 160%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.search_result_body ul li button:hover{
  /*opacity: 0.62;*/
  color : #450AA7
}

.search_result_body {
  padding: 30px;
}

.search_result_body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
}
 
.search_result_body ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 19%;
          flex: 0 0 19%;
  /*margin-bottom: 15px;*/
  margin: 5px;
}

.load_more_btn {
  color: #450AA7;
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  text-transform: capitalize;
  margin-top: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.load_more_btn:hover{ 
  opacity: 0.72;
}

.search_result_box2 .search_result_title h3 { 
  border-left: 3px solid  #FFC876;
}

.search_result_box3 .search_result_title h3 { 
  border-left: 3px solid  #1ED19B;
}


.search_result_box3,
.search_result_box2{
  margin-top: 25px;
}
 
.header_shape{
  position: relative;
}

.header_shape::after {
  content: url('../images/header-bg.png');
  position: absolute;
  width: 100%;
  height: 100%;
  top: -664px;
  left: -664px;
  z-index: -1;
} 



/* ===================================================================
                            Search 1 Area Css End
====================================================================*/


/* ===================================================================
                            About Us Area Css Start
====================================================================*/

.about_header {
  background: #fff;
}

.about_main_area {
  margin-top: 50px;
}

.about_header{
  background: #F7F7FD !important;
}

.section_title h1,
.section_title h2 {
  color: #000929;
  text-align: center;
  font-size: 60px;
  font-weight: 700;
  line-height: 119%;
  letter-spacing: -0.6px;
  margin-bottom: 28px;
}

.section_title p {
  color: #6270A0;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
}

.about_box {
  position: relative;
  margin-bottom: 190px;
}

.about_postion_text h3 {
  color: #000929;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.4px;
  margin-bottom: 25px;
  margin-top: 30px;
  position: relative;
}

.about_postion_text h3::after {
  content: "";
  position: absolute;
  background: #450AA7;
  width: 68px;
  height: 4px;
  top: -25px;
  left: 0;
  right: 0;
  margin: auto;
}

.about_postion_text p {
  color: #6270A0;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
}

.about_postion_text {
  width: 90%;
  padding: 60px 130px;
  border-radius: 9px;
  background: #FFF;
  position: absolute;
  bottom: -176px;
  right: 0;
  left: 0;
  margin: 0 auto;
  -webkit-box-shadow: 0 2px 10px #f7f7f7;
          box-shadow: 0 2px 10px #f7f7f7;
}

/* about item area css  */

.about_left_item h3 {
  color: #000929;
  font-size: 40px;
  font-weight: 700;
  line-height: 127.5%;
  letter-spacing: -0.4px;
}

.about_left_item p {
  color: #6270A0;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  margin: 25px 0;
}

.about_left_item a {
  color: #450AA7;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.about_right_item img {
  width: 456px;
  height: 325px;
}

.about_main_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 80px;
}

.about_left_item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 38%;
          flex: 0 0 38%;
}

.about_item_main_area{
  padding-top: 70px;
}

.last_item_left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
}

/* about icon area css  */

.about_icon_main_area {
  background: #F0EFFB;
  padding: 77px 0;
}

.single_about_item img {
  width: 50px;
  margin: 0 auto;
}

.single_about_item {
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 19%;
          flex: 0 0 19%;
}

.single_about_item h4 {
  color: #000929;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin: 15px 0 10px 0;
}

.single_about_item p {
  color: #6270A0;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}

.about_icon_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}



.about_today_box {
  border-radius: 20px;
  background: #450AA7;
  -webkit-box-shadow: 0px 12px 45px 0px rgba(56, 12, 130, 0.31);
          box-shadow: 0px 12px 45px 0px rgba(56, 12, 130, 0.31);
  padding: 72px 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about_today_main_area {
  margin: 80px 0;
}

.about_today_left h3 {
  color: #FFF;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 127.5%;
  letter-spacing: -0.4px;
}


.about_today_left p {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-top: 15px;
  line-height: 160%;
}

.about_today_button button {
  border-radius: 10px;
  background: #FFF;
  -webkit-box-shadow: 0px 12px 45px 0px rgba(56, 12, 130, 0.31);
          box-shadow: 0px 12px 45px 0px rgba(56, 12, 130, 0.31);
  padding: 18px 28px;
  color: #450AA7;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  border: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.about_today_button button:hover{
  opacity: 0.83;
}

.about_today_left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 47%;
          flex: 0 0 47%;
}



/* ===================================================================
                            About Us Area Css End
====================================================================*/


/* ===================================================================
                           Summery Area Css Start
====================================================================*/

.summery_bg{
  background: #F8F5FF;
}

.summer_banner_main_area {
  background: url('../images/summery/bg.png') no-repeat scroll center center / 100% 100%;
  margin-bottom: 100px;
}

.summer_banner h3 {
  color: #FFF;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 146.5%;
  letter-spacing: -0.4px;
  width: 617px;
  padding: 90px 0 70px 0;
}

.summer_chart_title h3 {
  color: #000929;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.24px;
  margin-bottom: 25px;
}

.chart_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.summer_right_card{ 
  -webkit-box-flex: 0;
      -ms-flex: 0 0 39%;
          flex: 0 0 39%;
}
.summer_chart {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 59%;
          flex: 0 0 59%;
  border-radius: 9px;
  background: #FFF;
  -webkit-box-shadow: 9px 20px 43px 0px rgba(69, 10, 167, 0.04);
          box-shadow: 9px 20px 43px 0px rgba(69, 10, 167, 0.04);
}

.summer_right_card {
  border-radius: 9px;
  background: #FFF;
  -webkit-box-shadow: 9px 20px 43px 0px rgba(69, 10, 167, 0.04);
          box-shadow: 9px 20px 43px 0px rgba(69, 10, 167, 0.04);
  padding: 25px;
}

.summer_right_card h4 {
  color: #000929;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 18px;
}

.summer_card_card {
  border-radius: 5px;
  border: 1px solid rgba(98, 112, 160, 0.10);
  background: rgba(232, 160, 173, 0.15);
  padding: 17px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
}

.summer_card_card_left p {
  color: #6270A0;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}

.summer_card_card_left h3 {
  color: #000929;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.summer_card_card img {
  width: 35px;
  height: 35px;
}

.summer_card_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}

.summer_total_card{ 
  background: rgba(42, 216, 112, 0.07);
}

.selling_item li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}

.selling_item li:last-child{ 
  border-bottom: 1px solid transparent;
}

.selling_p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

.selling_p span {
  border-radius: 5px;
  background: #F0EFFB;
  width: 46px;
  height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #5B26B1;
  text-align: center;
  font-size: 16px; 
  font-style: normal;
  font-weight: 700;
  line-height: 150%; 
}

.selling_p p {
  color: #000929;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}

.selling_item li b {
  color: #000929;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}

.selling_item {
  margin-bottom: 30px;
}

.top_ten li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  color: #450AA7;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
}

.top_ten li:last-child{ 
  border-bottom: 1px solid transparent;
}

.summer_chart_main {
  margin-bottom: 60px;
}

.summer_chart img {
  width: 100%;
  height: 100%;
}

/* ===================================================================
                            Summery Area Css End
====================================================================*/

/* ===================================================================
                            Amneties Area Css Start
====================================================================*/

.amn_banner_main_area {
  background: #450AA7;
  padding: 70px 0;
}

.emn_banner_left h3 {
  color: #FFF;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 146.5%;
  letter-spacing: -0.4px;
  margin-bottom: 8px;
}

.emn_banner_left p {
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 17px;
}

.emn_banner_left button {
  border-radius: 31px;
  border: 1px solid #FFF;
  background: #450AA7;
  padding: 7px 14px;
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}

.buy_btn {
  border-radius: 15px;
  background: #FFF;
  -webkit-box-shadow: 0px 12px 45px 0px rgba(56, 12, 130, 0.31);
          box-shadow: 0px 12px 45px 0px rgba(56, 12, 130, 0.31);
  padding: 16px 33px;
  width: 152px;
  color: #000929;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  border: none;
}

.rent_btn {
  border-radius: 15px;
  border: 1px solid #FFF;
  background: #450AA7; 
  /*padding: 16px 33px;*/
  /*width: 152px;*/
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.emn_banner_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.emn_banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.maps_tabs .nav-pills .nav-link {
  border-radius: 0 !important;
  color: #6270A0;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 20px 29px;
}

.maps_tabs .nav-pills .nav-link.active, .maps_tabs .nav-pills .show > .nav-link {
  color: #000929 !important;
  background-color: transparent;
  border-bottom: 3px solid #450AA7;
}

.maps_tabs {
  background: #fff;
}

.maps_img_and_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 70px 0;
}

.maps_box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 59%;
          flex: 0 0 59%;
  position: relative;
}

/* Free OpenStreetMap/Leaflet map box, replacing the paid Google Static
   Maps <img>. Sized to match the aspect ratio of the old static image
   (664x347) since a div has no intrinsic size of its own. */
.maps_box .osm_map {
  width: 100%;
  aspect-ratio: 664 / 347;
  background: #eee;
}

.maps_box .osm_map .leaflet-marker-icon.osm-marker {
  background: transparent;
  border: none;
}

.osm-marker-pin {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  font-family: Plus Jakarta Sans, sans-serif;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  border: 2px solid #fff;
}

.maps_control_btn button {
  border-radius: 10px;
  background: #450AA7;
  padding: 12px 16px;
  border: none;
  text-align: center;
  font-size: 12px;
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  color: #fff;
  position: absolute;
  bottom: 55px;
  left: 26px;
}

.maps_card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 39%;
          flex: 0 0 39%;
  border-radius: 10px;
  background: #FFF;
  padding: 27px;
    overflow-y: scroll;
    height: 350px;
}

.maps_table thead tr th {
  color: #6270A0;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  /* width: 100%; */
  padding-bottom: 15px;
}

.maps_table {
  width: 100%;
}

.maps_table tbody tr td {
  color: #000929;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
} 

.nearby_box {
  border-radius: 10px;
  background: #F0EFFB;
  padding: 50px 63px;
  border-top: 2px solid #450AA7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.left_nearby h3 {
  color: #000929;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.28px;
}

.left_nearby p {
  color: #6270A0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  width: 437px;
}

.right_nearby {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.nearby_main_area{
  margin-bottom: 70px;
}

.right_nearby .rent_btn { 
  background: #fff;
  color: #000929;
}

.right_nearby .buy_btn { 
  background: #450AA7;
  color: #fff;
}


/* ===================================================================
                            Amneties Area Css End
====================================================================*/

/* ===================================================================
                            Contact Area Css Start
====================================================================*/
.contact_shep_main{
  background: url(../images/header-bg.png) no-repeat scroll center center / cover;
    background-size: 100% 100%;
  border-bottom: none;
}
.contact_shep_main .rent-banner-heading {
    padding: 40px 0px 135px;
}

.contact_title h2 {
  color: #000929;
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 119%;
  letter-spacing: -0.6px;
  margin-bottom: 20px;
}

.contact_title p {
  color: #6270A0;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  width: 438px;
  margin: 0 auto;
}

.contact_title{
  margin-bottom: 50px;
  position: relative;
}

.contact_arrow img {
  width: 48px;
  position: absolute;
  top: 50px;
  right: 25%;
}

.contact_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contact_item_single {
  border-radius: 9px;
  background: #FFF;
  -webkit-box-shadow: 9px 20px 43px 0px rgba(69, 10, 167, 0.04);
          box-shadow: 9px 20px 43px 0px rgba(69, 10, 167, 0.04);
  margin-bottom: 50px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
}

.item_contact_title h4 {
  color: #000929;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.72px;
  text-transform: uppercase;
  padding: 11px 30px;
}

.item_contact_title p {
  color: #6270A0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  padding: 0 30px;
}
.item_contact_title {
  padding: 28px 0;
  border-bottom: 1px solid #EAEAEA;
}

.contact_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  border-bottom: 1px solid #EAEAEA;
  padding: 20px 0;
}

.contact_list li:last-child{
  border-bottom: 1px solid transparent;
}

.contact_info b {
  color: #000929;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.contact_info p {
  color: #6270A0;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}

.contact_list li img {
  width: 45px;
  height: 45px;
}

.contact_single_1 .item_contact_title h4{ 
  border-left: 2px solid #450AA7;
}
.contact_single_2 .item_contact_title h4{ 
  border-left: 2px solid #FFC876;
}
.contact_single_3 .item_contact_title h4{ 
  border-left: 2px solid #B9A0FF;
}
.contact_single_4 .item_contact_title h4{ 
  border-left: 2px solid #1ED19B;
}

.contact_list {
  padding: 30px;
}


/* ===================================================================
                            Contact Area Css End
====================================================================*/

/* ===================================================================
                            Blog Area Css Start
====================================================================*/

.blog_title{
  margin-bottom: 90px;
}

.blog_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.blog_img{
  position: relative;
}

.blog_img img {
  width: 100%;
}

.single_blog_item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 31%;
          flex: 0 0 31%;
  margin-bottom: 50px;
}

.blog_date b {
  color: #450AA7;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.blog_date p {
  color: #450AA7;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}

.blog_content p {
  color: #000929;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 20px 0;
}

.blog_content a {
  color: #450AA7;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.blog_content a:hover {
  opacity: 0.83;
}

.blog_date {
  position: absolute;
  background: #fff;
  width: 73px;
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 10px;
  left: 10px;
}


.blog_pagination ul li a {
  color: #000929;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  background: #fff;
  width: 38px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.blog_pagination ul li a.active,
.blog_pagination ul li a:hover {
  background: #450AA7;
  -webkit-box-shadow: 9px 20px 43px 0px rgba(69, 10, 167, 0.04);
          box-shadow: 9px 20px 43px 0px rgba(69, 10, 167, 0.04);
  color: #ffff;
}
.blog_pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}

.blog_pagination {
  margin: 45px 0 90px 0;
}

/* ===================================================================
                            Blog Area Css End
====================================================================*/

/* ===================================================================
                            Single Blog Area Css End
====================================================================*/
.single_blog_main_area {
  margin: 50px 0;
}
.single_blog_main_area a{
  text-decoration: underline;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
}

.rent-banner-heading.single_blog_curve {
  padding: 40px 0 346px 0;
}

.single_blog_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.share_left ul {
  text-align: center;
  width: 76px;
}

.share_left ul li {
  margin-bottom: 20px;
}

.single_blog_user ul li img {
  width: 24px;
  height: 24px;
}

.single_blog_img img {
  width: 100%;
}

.share_left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15%;
          flex: 0 0 15%;
}

.single_blog_content_area{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 85%;
          flex: 0 0 85%;
}

.broad_camp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.share_left ul li p {
  color: #000929;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 168.4%;
}

.broad_camp a {
  color: #6270A0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.broad_camp  i {
  color: #6270A0;
  font-size: 14px;
}

.broad_camp p {
  color: #000929;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.single_blog_title h2 {
  color: #000929;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 127.5%;
  letter-spacing: -0.4px;
  width: 617px;
  margin: 40px 0;
}

.single_blog_user ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.single_blog_user ul li i{
  color: #450AA7;
}


.single_blog_user ul li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.single_blog_user{
  margin-bottom: 40px;
}

.single_blog_img {
  margin-bottom: 40px;
}

.single_blog_content > p {
  color: #6270A0;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
    margin: 15px 0 15px 0;
}

.single_blog_content p {
  color: #6270A0;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
  word-spacing: 3px;
  margin: 15px 0 15px 0;
}

.single_blog_content ul li {
  color: #6270A0;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
    line-height: 160%;
    margin: 15px 0 15px 0;
}

.single_blog_content ul li span {
    color: #6270A0;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
}

.single_blog_content h1 {
    color: #000929;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 30px 0 15px 0;
}

.single_blog_content h2 {
    color: #000929;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 30px 0 15px 0;
}

.single_blog_content h3 {
  color: #000929;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 30px 0 15px 0;
}

.single_blog_content table {
  background: #FFF;
  border-radius: 10px;
}

.single_blog_content table tr{
  white-space: nowrap;
}

.single_blog_content table tr{
  white-space: nowrap;
}

.single_blog_content table tr th{
  padding: 2rem 2rem .8rem 2.7rem !important;
  border-bottom: none !important;
  color: #6270A0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
}

.single_blog_content table tbody tr td{
  padding: 1.2rem 4rem 1.2rem 2.7rem !important;
  color: #000929;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}

.share_this ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

.share_this {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #ddd;
}

.share_this ul li p {
  color: #000929;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 168.4%;
}

.single_blog_user ul li p {
  color: #000929;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 123.187%;
  letter-spacing: 0.14px;
}

/* ===================================================================
                           Single Blog Area Css End
====================================================================*/



/* Mobile responsive  */

.mobile_menu ul li {
  border-bottom: 1px solid #6270A0;
}

.mobile_menu ul li:last-child,
.mobile_menu ul li:first-child {
  border-bottom: 1px solid transparent;
}
.mobile_menu ul li a {
  color: #000929;
  font-size: 16px;
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  width: 100%;
  padding: 25px 10px;
  cursor: pointer;
}
.mobile_menu ul li:hover {
    background: #eee;
}

.mobile_menu {
  padding: 40px;
}

.mobile_menu {
  padding: 40px 40px 100px;
  position: absolute;
  z-index: 9;
  background: #ffff;
  width: 95%;
  right: 0%;
  top: 0;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  display: none;
}

.mobile_menu ul li p {
  color: #6270A0;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 4.27px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.mobile_tooltip_area p {
  color: #6270A0;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 4.27px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

#menu_close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.menu_btn .btn_1 {
  width: 100%;
  text-align: center;
}

.color_span {
  color: #450AA7;
} 


.rent-banner-section.shape_main_title {
  position: absolute;
  width: 100%;
  z-index: -1;
}

.blog_main_area {
  margin-top: 180px;
}

.contact_main_area {
  margin-top: 225px;
}

.blog_content {
  /* text-align: center; */
}

.blog_header {
  background: transparent;
}

.about_mobile_icon{
  display: none;
}

.mobile_overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  /* background: #ddd; */
  top: 0;
  left: 0;
  z-index: 1;
  display: none; 
  opacity: 0.6000000238418579;
  background: #000; 
}
.progress_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  /* background: #ddd; */
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
  opacity: 0.6000000238418579;
  background: #000;
}
.center-screen {
  position: absolute;
  top: 50%;
  left: 50%;
}
 input:focus-within {
  outline: none;
}

.zoom_btn li a,
.lock_icon a {
  border-radius: 10px;
  border: 1.5px solid #E0DEF7;
  background: #FFF;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #450AA7;
  opacity: 0.6; 
  font-size: 16px;
}

.zoom_btn li:first-child a{ 
  border-radius: 10px 10px 0 0 ;
  border-bottom: 1.5px solid #E0DEF7;
}

.zoom_btn li:last-child a{ 
  border-radius: 0 0 10px 10px ;
  border-top: 1.5px solid transparent;
}

.google_zoom {
  position: absolute;
  right: 20px;
  bottom: 60px;
}

.lock_icon {
  margin-bottom: 8px;
}

.header-area.search_header {
  background: #F7F7FD;
}

.inbox_loc a img {
  width: 56px;
  height: 76px;
  position: absolute;
  right: 120px;
  top: 72px;
}

.maps_table thead tr th:first-child {
  width: 67px;
}
 
.color_span{
  position: relative;
}

.color_span img {
  width: 150px;
  position: absolute;
  bottom: -7px;
  left: 0;
}


.Banner_main_area {
  /*position: absolute;*/
  width: 100%;
  top: 0;
}

.searc2_header {
  background: transparent;
  position: relative;
  z-index: 99;
  width: 100%;
  overflow: hidden;
}

.searc2_header .header-nav nav ul li .btn_1 { 
  box-shadow: none;
}

.search_banner_content {
  margin-top: 152px;
  margin-bottom: 38px;
  position: relative;
}
.searc2_shape_mobile img{
  display: none;
}

.mobile_hide_img{
  display: block;
}

.mobile_show_img{
  display: none;
}


/* .footer_area_search2 {
  position: absolute;
  width: 100%;
  bottom: 0;
} */

/*.banner-image.searc2_banner_img {*/
/*	position: absolute;*/
/*	right: 0;*/
/*	top: 0;*/
/*	z-index: 99;*/
/*}*/
/************************* Cashflow Css Start *********************/
.Cashflow-banner-heading{
  padding: 40px 0px 125px 0px;
}
.cashflow_max_width{
  max-width: 977px;
  width: 100%;
  margin: auto;
}
.range_content {
    margin-top: -100px;
    margin-bottom: 35px;
  display: flex;
  gap: 25px;
}
.offcanvas_main{
  max-width: 561px;
  width: 100%;
}
.no-scroll {
  overflow: hidden;
  touch-action: none;
}
.offcanvas-header{
  display: none;
}
.range_content_left{
  max-width: 561px;
  width: 100%;
  background: #FFF;
  border-radius: 10px;
  padding: 35px;
}
.filter_top_area{
  display: none;
}
.slider-range{
  max-width: 491px;
  width: 100%;
  padding: 57px 26px 18px 26px;
  background: #FFF;
  border-radius: 10px;
  margin-top: 10px;
  border: 1px solid #E0E2EC;
}
.slider-range .slider .tooltip.bs-tooltip-top {
    margin-top: -44px;
}
.slider-range .slider .tooltip {
    pointer-events: none;
}
.slider-range .tooltip.show {
    opacity: .9;
}
.slider-range .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
}
.slider-range .tooltip .arrow {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    bottom: -5px;
    background: #450AA7;
  border-radius: 5px;
    transform: translateX(-15%) rotate(45deg) ;
}
.slider-range .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #450AA7;
}
.slider-range .tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.slider-range .slider .bs-tooltip-top .tooltip-inner,
.slider-range .slider .bs-tooltip-bottom .tooltip-inner {
    background-color: #450AA7;
  font-size: 10px;
  font-weight: 700;
  padding: 7px;
}
.slider-range .slider-handle {
    width: 23px;
    height: 23px;
    background: #F8F5FF;
  border: 5px solid #450AA7;
}
.slider-range .slider.slider-horizontal {
    max-width: 438px;
    width: 100%;
    height: 20px;
}
.slider-range .slider-track {
    background-color: #A2CFFE;
    background-image: -moz-linear-gradient(top, #A2CFFE, #A2CFFE);
    background-image: #A2CFFE;
    background-image: -webkit-linear-gradient(top, #A2CFFE, #A2CFFE);
    background-image: -o-linear-gradient(top, #A2CFFE, #A2CFFE);
}
.slider-range .slider.slider-horizontal .slider-selection,
.slider-range .slider.slider-horizontal .slider-track-low,
.slider-range .slider.slider-horizontal .slider-track-high {
    height: 100%;
    top: 0px;
    bottom: 0px;
    background: #A2CFFE;
}
.slider-range .slider.slider-horizontal .slider-track {
    height: 9px;
    width: 100%;
    margin-top: -3px;
    top: 50%;
    left: 0;
    border-radius: 10px;
}

.pricing_form_main .slider-range .slider.slider-horizontal .slider-track{
  height: 7px;
}
.range_label{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
}
.range_label :nth-child(2){
  /*margin-left: 40px;*/
}
.range_content_left .single_range{
  padding-bottom: 30px;
}
.range_content_left .single_range:last-child{
  padding-bottom: 0px;
}
.cash_flow_content{
  max-width: 500px;
  width: 100%;
  padding: 58px 42px;
  background: #FFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.cash_flow_content .single_cash_flow{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #6270a0e0;
  column-gap: 5px;
}
.cash_flow_content .single_cash_flow:last-child{
  padding-bottom: 0px;
  border-bottom: 0px solid #6270a049;
}
.cash_flow_content.report_view{
  max-width: none;
}
.single_cash_flow_with_details .single_cash_flow{
  border-bottom: 0px;
  padding-bottom: 3px;
}
.sub_detail_section .sub_detail_item:last-child{
  border-bottom: 1px solid #6270a0e0;
  padding-bottom: 25px;
}
.sub_detail_section .text_18{
  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: 0em;
  color: #000929ba;
}
.sub_detail_section .text_10{
  font-size: 10px;
}
.sub_detail_section .pricing-single-grid{
  margin: 3px;
}
.cash_flow_left .text_12{
  /*margin-left: 6px;*/
}
.right_item {
    text-align: right;
}
.cash_flow_left .text_14{
  padding-bottom: 13px;
  font-weight: 700;
  font-size: 16px;
}
.cash_flow_left{
  width: 200px;
}
.cash_flow_right{
  display: flex;
  gap: 10px;
}
.cash_flow_right img{
  max-width: 58px;
}
.cash_flow_right .text_12{
  margin-left: 7px;
}
.cash_flow_right .text_16{
  margin-top: auto;
  margin-bottom: 12px;
}
.Breakdown_area {
    padding-bottom: 135px;
}
.Breakdown_content{
  background: #FFF;
  border-radius: 10px;
  margin-top: 33px;
}
.Breakdown_content .heading_3{
  padding: 22px 0px 17px 35px;
}
.paid_content{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  padding: 35px;
  border-top: 1px solid #6270a049;
}
.single_paid{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0px 25px;
  max-width: 441px;
  width: 100%;
  background: #F8F5FF;
  padding: 33px 39px 33px 28px;
  border-radius: 10px;
}
.paid_left .text_18 {
    font-size: 18px;
    font-weight: 500;
}
.paid_right{
  text-align: right;
}
.paid_right .text_18{
  color: #6270A0;
}

/*.Banner_main_area.banner_main_section .banner-area {*/
/*	background: transparent;*/
/*}*/

.filter_content {
    width: 100%;
    height: 56px;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0px;
    padding: 17px 15px;
    border-radius: 7px;
}
.filter_content img{
  width: 16px;
  margin-bottom: 2px;
}

.filter_content .btn {
    --bs-btn-padding-x: 5px;
    --bs-btn-padding-y: 2px;
}
.filter_area{
  display: none;
}
.range_btn_area{
  margin-top: 30px;
    display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
}
.transparent_btn{
  background: transparent;
  color: #450AA7;
  font-family: 400;
  border: 1px solid #450AA7;
  box-shadow: none;
}

/*.banner-content.search_banner_content h1 {*/
/*  position: relative;*/
/*  z-index: 99999;*/
/*}*/

/* Update rent page css ***************************** */
.Cashflow_banner_section{
  background: url(../images/header-bg.png) no-repeat scroll center center / cover;
  background-size: 100% 100%;
  border-bottom: none;
}
.new_tab_main {
    margin-top: -51px;
}
.new_tab_content .nav {
    --bs-nav-link-padding-x: 30px;
    --bs-nav-link-padding-y: 19px;
    justify-content: center;
}
.new_tab_content .nav-tabs .nav-link {
    color: #6270A0;
  padding: 11px 30px;
}
.new_tab_content .nav-tabs {
    border-bottom: 0px solid transparent;
    display: flex;
    flex-wrap: nowrap;
    gap: 65px;
    text-wrap: nowrap;
}
.new_tab_content .nav-tabs .nav-item.show .nav-link,
.new_tab_content .nav-tabs .nav-link.active {
  color: #450AA7;
  background-color: transparent;
  border-color: #450AA7;
  border: transparent;
  border-bottom: 2px solid;
}
.new_tab_content .nav-tabs {
    border-bottom: 2px solid transparent;
}
.new_tab_main .maps_box{
  margin-top: 74px;
    margin-bottom: 50px;
}

.tab-display{
  margin-top: 0px !important;
  background: #F0EFFB;
}

a.custom-nav-link {
  display: flex;
}

a.custom-nav-link > button {
  padding-right: 8px !important;
}

a.custom-nav-link > img {
  max-width: 18px;
}

.local_nav{
    display: flex;
    gap: 2px;
    font-size: .7rem;
    font-style: normal;
    font-weight: 600;
    margin-top: 20px;
    justify-content: left;
    overflow: auto;
}

.local-nav-item {
    background: #ffffff;
    padding: 5px 20px;
    border-radius: 17px;
}

/*.search_banner_content .search_box_area input { */
/*  box-shadow: 0 2px 10px #ddd;*/
/*}*/
.another_content{
  margin-top: 74px;
  padding-bottom: 59px;
}
/*.Footer_area.footer_area_search2 {*/
/*  margin-top: 85px;*/
/*}*/

.Pricing_form_area{
  margin-top: -235px;
  padding-bottom: 40px;
}
.pricing_form_main{
  max-width: 949px;
  width: 100%;
  margin: auto;
}
.pricing_form_content{
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.pricing_form_left {
    display: flex;
    gap: 20px 16px;
    flex-basis: calc(70% - 15px);
}
.pricing_form_right {
    flex-basis: 30%;
    display: flex;
  gap: 20px;
    justify-content: flex-end;
}
.mobile_pricing_form_right{
  display: none;
}
.pricing_form_right>.text_14{
  padding-top: 12px;
  white-space: nowrap;
}


.select_btn i{
  font-size: 14px;
  transition: 0.3s;
  color: #444;
}
.select_menu.active .select_btn i{
  transform: rotate(-180deg);
}

.pricing_form_right>.text_14{
  padding-top: 12px;
  white-space: nowrap;
}
.select_menu{
  max-width: 155px;
  min-width: 155px;
  width: 100%;
}
.select_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
    background: #FFF;
    color: #000929;
    font-size: 14px;
    font-weight: 600;
    padding: 11px 15px;
    border-radius: 7px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
}


.select_menu .options{
  position: absolute;
  padding: 5px;
  margin-top: 6px;
  border-radius: 10px;
  background: #FFF;
  max-width: 155px;
  width: 100%;
  z-index: 999999999;
  visibility: hidden;
  /* visibility: visible; */
}
.select_menu.active .options{
  visibility: visible;
}
.options .option{
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #000929;
  background: #FFF;
  border-bottom: 1px solid #00092915;
}
.options .option:last-child{
  border-bottom: 0px solid #0009293a;
}
.options .option:hover{
  background: #FFF;
}
.options .option i.fa-circle-dot{
  color: #450AA7;
}
.options .option i.fa-circle{
  color: #D3D3D3;
}

.select_btn i{
  font-size: 14px;
  transition: 0.3s;
}
.select_menu.active .select_btn i{
  transform: rotate(-180deg);
}
.Distance_range{
  padding: 10px;
  padding-top: 40px;
  border: none;
  display: flex;
  gap: 10px;
}
/* .Distance_range .slider-handle {
    width: 20px;
    height: 20px;
    border: 2px solid #CACBDB;
    background: #FFF;
}
.Distance_range .slider-track {
    background-color: #CACBDB;
    background-image: -moz-linear-gradient(top, #CACBDB, #CACBDB);
    background-image: #CACBDB;
    background-image: -webkit-linear-gradient(top, #CACBDB, #CACBDB);
    background-image: -o-linear-gradient(top, #CACBDB, #CACBDB);
}
.Distance_range .slider.slider-horizontal .slider-selection,
.Distance_range .slider.slider-horizontal .slider-track-low,
.Distance_range .slider.slider-horizontal .slider-track-high {
    background: #CACBDB;
} */




/* New css for Distance ********************************************* */
  .menu {
    display: none;
    position: absolute;
    background-color: #ffffff;
  border-radius: 7px;
    padding: 8px;
    z-index: 1;
  margin-top: 8px;
  max-width: 155px;
  min-width: 155px;
  width: 100%;
  }
  .menu.active {
    display: block;
  }
  .select_btn.active i{
  transform: rotate(-180deg);

  }



/* Mobile Device Filter  */

.pricing_filter_content{
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  /* margin-bottom: 30px; */
}
.pricing_filter_itme img{
  width: 16px;
  cursor: pointer;
}
.pricing_filter_itme{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFF;
  border-radius: 7px;
  padding: 11px 15px;
  flex-basis: calc(50% - 8px)
}
.pricing_filter_itme>.text_14{
  color: #000929;
  letter-spacing: 0;
}
.pricing_filter_itme .btn {
    --bs-btn-padding-x: 0px;
    --bs-btn-padding-y: 0px;
  border: none;
  margin-top: -2px;
}
.offcanvas_block{
  display: none;
}
.offcanvas_block .options .option{
  color: #000929;
}
.fliter_item_pt{
  padding-top: 10px;
}
.fliter_item_pt label{
  color: #000929 !important;
}
.nice-select:after {
    height: 8px;
    margin-top: -5px;
    right: 15px;
    width: 8px;
}


/* Search Page Update Css  */
.search_banner_section{
  background: url(../images/header-bg.png) no-repeat scroll center center / cover;
  background-size: 100% 100%;
  border-bottom: none;
  padding-top: 84px;
}




















.select-item{
    max-width: 155px;
  min-width: 155px;
  width: 100%;
}
.nice-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  background: #FFF;
  color: #000929;
  font-size: 14px;
  font-weight: 600;
  padding: 11px 15px;
  border-radius: 7px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
    height: 42px;
    width: 100%;
  border: none;
}
.nice-select:focus{
  box-shadow: none;
}
.nice-select .list {
    margin-top: 8px;
  width: 100%;
  padding: 0px 5px;
  box-shadow: none;
}
.select-item .nice-select.open .list li {
    position: relative;
    border-bottom: 1px solid #00092911;
    padding: 0px 10px 0px 28px;
    font-size: 14px;
    font-weight: 600;
}
.select-item .nice-select.open .list li:last-child {
    border-bottom: 0px solid transparent;
}
.select-item .nice-select.open .list li::after {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
  transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border: 1px solid #444;
    border-radius: 50%;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: transparent;
}
.select-item .nice-select.open .list li:first-child{
    display: none;
}
.select-item .nice-select.open .list li:first-child:after{
    display: none;
}
.select-item .nice-select.open .list li.selected::after{
    background: #450AA7;
  width: 13px;
    height: 13px;
    outline: 1px solid #450AA7;
    border: 3px solid #FFF;
}

.mobile_filter_content .pera_text{
  font-weight: 600;
  font-size: 18px;
  color: #000929;
  line-height: 28px;
  padding-bottom: 5px;
  padding-top: 10px;
}
.mobile_filter_content label {
    color: #6270A0;
    font-weight: 600;
    font-size: 14;
    line-height: 22px;
    padding-left: 6px;
    display: block;
    width: 100%;
}

.mobile_filter_content ul li{
  display: flex;
  align-items: center;
  padding: 10px 0px;
  border-bottom: 1px solid #4444443f;
}
.mobile_filter_content ul li input[type=radio]{
  accent-color: #450AA7;
}
.mobile_filter_content ul li:last-child{
  border-bottom: none;
}
.mobile_filter_container{
  max-width: 410px;
  width: 100%;
}
/*
Error messages CSS
 */
.error{
    color: #dc07079e;
    display: none;
}

.error_centered{
    margin-top: 10px;
    text-align: center;
}

/*
General
 */
.critical-link{
  color: #6000ff;
  font-size: 16px;
  font-weight: 500;
  line-height: 145%;
  letter-spacing: 0.61px;
  word-spacing: 2px;
  text-decoration: none;
}
.critical-link p{
    color: #450aa7a3;
    font-size: 14px;
}
.rental-yield-link-item {
  white-space: nowrap;
}
.rental-yield-link-item:hover {
  text-decoration: underline;
}
.rental-yield-links{
  padding: 55px 44px 30px;
}


/* Add Dropdown Menu */
.header-nav .dropdown-menu{
  flex-direction: column !important;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  display: none;
  top: 15px;
  padding: 14px 20px;
  width: 198px;
  border: none;
}
.header-nav .dropdown .btn{
  color: #6270A0;
}
.header-nav ul.dropdown-menu.show{
  display: block;
  margin-top: 19px !important;
}
.header-nav ul.dropdown-menu {
    align-items: flex-start !important;
}
.header-nav .dropdown-toggle::after {
  display: inline-block;
    margin-left: 0;
    vertical-align: middle;
    content: "";
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 2px solid transparent;
  background: url(../images/menu-ange.png)no-repeat scroll center center / cover;
  background-size: 80% 80%;
  height: 10px;
  width: 16px;
  transform: rotate(-180deg);
  transition: 0.1s;
}
.header-nav .dropdown-toggle.show::after{
  transform: rotate(0deg);
}

.header-nav .dropdown .btn {
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
  border: none;
}

.header-nav .dropdown-menu .dropdown-item {
    margin: 0px;
    border-bottom: 1px solid #44444442;
    padding: 10px 0px;
  background: transparent;
  color: #000929;
  font-family: Plus Jakarta Sans;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
.header-nav .dropdown-menu .dropdown-item.item_last_child{
  border-bottom: inherit;
}

.header-nav .dropdown-menu .dropdown-item:hover {
    color: #143292;
}

.dropdwon ul li:hover { color: #6a10fc; }


/* Add Dropdown Menu */
.mobile_menu .dropdown{
  /*border-bottom: 1px solid #6270A0;*/
    padding-left: 10px;
}
.mobile_menu .dropdown-menu{
  flex-direction: column !important;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  display: none;
  top: 15px;
  padding: 10px 5px;
  width: 100%;
  border: none;
}
.mobile_menu .dropdown-menu li{
  /* margin-top: -20px;
  margin-bottom: -20px; */
  border-bottom: none;

}
.mobile_menu .dropdown .btn {
    color: #000929;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
  padding: 25px 0px;
    width: 100%;
    text-align: left;
}
.mobile_menu ul.dropdown-menu.show{
  display: block;
  margin-top: -18px !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.mobile_menu ul.dropdown-menu {
    align-items: flex-start !important;
}
.mobile_menu .dropdown-toggle::after {
  display: inline-block;
    margin-left: 0;
    vertical-align: middle;
    content: "";
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 2px solid transparent;
  background: url(../images/menu-ange.png)no-repeat scroll center center / cover;
  background-size: 80% 80%;
  height: 10px;
  width: 16px;
  transform: rotate(-180deg);
  transition: 0.1s;
}
.mobile_menu .dropdown-toggle.show::after{
  transform: rotate(0deg);
}

.mobile_menu .dropdown .btn {
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
  border: none;
}

.mobile_menu .dropdown-menu .dropdown-item {
    margin: 0px;
    border-bottom: 1px solid #44444442;
    /* padding: 14px 5px; */
    background: transparent;
    color: #000929 !important;
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    padding: 10px 0px 15px 0px;
}
.mobile_menu .dropdown-menu .dropdown-item.item_last_child{
  border-bottom: inherit;
}
.mobile-menu .dropdown ul li:hover {
    background : #450aa733
}


/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #6a10fc;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.green_text {
    color: #77BF2F;
}

.red_text {
    color: #FF0000;
}

.transaction_analysis_link::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2.5em;
}

/* search css  */

.back_search {
	position: absolute;
	top: 23px;
	left: 14px;
	display: none;
}

.search_suggest {
	background: #fff;
	height: 100vh;
	position: absolute;
	width: 100%;
	z-index: 9;
	display: none;
}

.search_suggest ul li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 8px;
	margin-bottom: 5px;
	transition: 0.3s;
}

.search_suggest ul li a:hover{ 
	background: #eee;
}

.search_suggest ul li a p {
	margin: 0;
}

.sugget_list {
	display: flex;
	align-items: center;
	gap: 13px;
}

.sugget_list i {
	color: #450AA7;
}

tr:hover td {
    background: #eee;
}

.sub_detail_item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #6270a049;
    padding-top: 13px;
    padding-bottom: 3px;
}

.hidden-block {
    display: none;
}
.hidden{
  display: none;
}
/* search css  */
.mobile_search_area{
  display: none;
}

.search_content_area{
  padding-top: 5px;
}

.count-bubble {
  font-size: 12px;
  background: #fff;
  color: #000929;
  border-radius: 9px;
  padding-left: 7px;
  padding-right: 7px;
}

.back_arrow {
    background-image: url(../images/Arrow2.svg);
    transform: rotate(225deg);
    width: 30px;
    background-repeat: no-repeat;
    height: 15px;
    margin-bottom: 10px;
}

.annual_monthly_toggle {
    width: 156px;
    height: 37px;
    padding: 4px;
    display: inline-flex;
    border-radius: 10000px;
    background: rgb(0 9 41 / 13%);
    gap: 3px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.annual_monthly_toggle button {
    display: inline-block;
    padding: 6px 15px;
    gap: 10px;
    background: transparent;
    border-radius: 1000px;
    border: none;
    color: #000929;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 145%;
    letter-spacing: -0.06px;
}
.annual_monthly_toggle button.active  {
    background: #FFF;
}
.cash_flow_tab{
  background: #ffffff;
  max-width: 600px;
}
.cash_flow_content  .recommendation_block{
  border-bottom: 0px;
  padding-bottom: 0px;
}
.cash_flow_content .btn_5{
  max-width: none;
}
.sub_detail_item span.text_12 {
  width: 200px;
}
.sub_detail_item span.text_18{
  text-align: right;
}
.recommendation_block .cash_flow_left{
  width: 250px;
  margin-left: 0px;
}

.txn_information-block span.text_12{
  width: 80px;
}
.toggle_control{
    display: flex;
    justify-content: space-around;
}

.grid-price h3 {
  font-size: 1.2rem;
}

.cash_flow_content .sub_detail_section{
  padding: 10px 0;
  border-bottom: 1px solid #EFF1F5;
}

.txn_information-block .pricing-single-right {
  display: flex;
  gap: 0;
}
.page_title {
  padding: 10px 0;
}

.Pricing_common_table p {
    padding: 0px 44px;
    color: #6270A0;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
}

/*-------------------------------------------------------
Meter svg classes
 */
.meter {
 max-width: 489px;
}

.meter_container {
    padding-top: 5px;
}

.meter-message {
  display: flex;
  justify-content: space-around;
  padding: 25px 10px;
  /*font-size: 2rem;*/
  background: #FFFFFF;
  margin: -5px 8px 20px;
  border-radius: 50px;
}

.meter-message > p {
  padding-top: 0px;
}


/*--------------------------------------------------------
CSS for tooltip dialogue
 */

#tooltip_container {
      width: 100%;
      height: 100%;
      top: 0;
      position: absolute;
      visibility:hidden;
      display:none;
      background-color: rgba(22,22,22,0.5);
    }

    .hide_model {
      display: none;
      visibility: hidden;
    }

    #tooltip_container:target {
      visibility: visible;
      display: block;
    }
    .mobile_tooltip_area {
            /*background:#e1e1e1; */
        margin: 0 auto;
        position:relative;
        width: 300px;
        top: 15%;
        padding:30px;
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
        -moz-box-shadow:0 0 10px rgba(0,0,0,0.4);
        box-shadow:0 0 10px rgba(0,0,0,0.4);
		display: block;
        min-height: 500px;
        min-width: 500px;
		z-index: 10000;
		background: #fff;
		overflow: scroll;
		opacity: 1;
		visibility: visible;
		transition: all 0.1s ease-in-out;
		/*padding-top: 5px;*/
	}

    .tooltip_close {
        position: relative;
        top: 0;
        left: 90%;
    }

    .header-content {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 15px;
        border-bottom: 1px solid #6270a0e0;
    }

    .body-content {
      margin-top: 15px;
    }

/* Rental Yield Explorer Styling

 */

.txn_items_row{
  /*display: inline-grid;*/
  list-style: circle;
  text-align: left;
  font-size: 14px !important;
  display: flex;
  gap: 10px;
  margin-top: 5px;
}

.txn_items_row > li:first-child {
  margin-right: 5px;
}

/*.txn_items_row > li {*/
/*  !*color: #6000ff;*!*/
/*}*/

.txn_items_row > li > img {
  width: 20px;
}

.txn_items_row > li {
  flex: 1 1 calc(50% - 10px);
}

.rental_yield_table .table tbody tr td {
  text-align: left !important;
  padding: 1rem 0.5rem 1rem .5rem !important
}

.rental_yield_table .table thead tr th {
  text-align: left !important;
  padding: 1rem 0.1rem 1rem .1rem !important;
  cursor: pointer;
}


.filter-bubble {
    display: inline-block;
    padding: 6px 15px;
    gap: 10px;
    background: rgba(56, 12, 130, 0.31);
    border-radius: 1000px;
    border: none;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 145%;
    letter-spacing: -0.06px;
    cursor: pointer;
}

.bubble-active {
  background: #450AA7;
}

.filter-title {
    color: rgb(56 12 130 / 68%);
    font-size: 12px;
    padding: 0px 0px 11px;
    font-weight: 500;
}

.filter-bar {
  border-bottom: 1px solid #6270a049;
}

.yield-explorer-sub {
  max-width: 680px;
  width: calc(100% - 32px);
  margin: 12px auto 0;
  color: #450AA7;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  padding: 0 16px !important;
  white-space: normal;
}
.cash_flow_content.report_view,
.rental_yield_table,
.rental_yield_table .table-responsive {
  min-width: 0;
  max-width: 100%;
}
.rental_yield_table .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.rental_yield_table .yield-explorer-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  padding: 20px 20px 0;
  width: 100%;
  box-sizing: border-box;
}
.rental_yield_table .yield-search-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.rental_yield_table .yield-search,
.rental_yield_table .yield-select {
  border: 1px solid #6270a049;
  border-radius: 8px;
  background: #fff;
  color: #000929;
  font-size: 14px;
  font-weight: 500;
  line-height: 145%;
  padding: 10px 12px;
}
.rental_yield_table .yield-search {
  flex: 1 1 220px;
  min-width: 180px;
}
.rental_yield_table .yield-select {
  flex: 0 0 auto;
}
.rental_yield_table .yield-check {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #6270A0;
  font-size: 13px;
  font-weight: 500;
  margin: 0;
}
.rental_yield_table .yield-result-count {
  margin-left: auto;
  color: #6270A0;
  font-size: 13px;
  font-weight: 600;
}
.rental_yield_table .yield-explorer-note {
  color: #6270A0;
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  padding: 12px 20px 4px;
  margin: 0;
  white-space: normal;
  width: 100%;
  box-sizing: border-box;
}
.rental_yield_table .table {
  margin-bottom: 0;
}
.rental_yield_table .table tr {
  white-space: normal;
}
.rental_yield_table .table thead tr th,
.rental_yield_table .table tbody tr td {
  text-align: left !important;
  vertical-align: top;
  padding: 1rem 1rem !important;
}
.rental_yield_table .table thead tr th.yield-sort {
  color: #6270A0;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
}
.rental_yield_table .table thead tr th.yield-sort::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 6px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #6270A0;
  opacity: 0.25;
  vertical-align: middle;
}
.rental_yield_table .table thead tr th.yield-sort.is-active::after {
  opacity: 1;
}
.rental_yield_table .table thead tr th.yield-sort.is-asc::after {
  border-top: 0;
  border-bottom: 5px solid #450AA7;
}
.rental_yield_table .table thead tr th.yield-sort.is-desc::after {
  border-top: 5px solid #450AA7;
}
.rental_yield_table .table tbody tr td {
  color: #000929;
  font-size: 16px;
  font-weight: 600;
}
.rental_yield_table .table tbody tr.yield-row-caution {
  background: #fff8f1;
}
.rental_yield_table .yield-col-project a {
  color: #450AA7;
  font-size: 16px;
  font-weight: 700;
}
.rental_yield_table .table tbody tr td .yield-meta,
.rental_yield_table .table tbody tr td .yield-formula {
  color: #6270A0;
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  margin-top: 4px;
}
.rental_yield_table .yield-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.rental_yield_table .yield-chip {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 1000px;
  background: rgba(56, 12, 130, 0.08);
  color: #450AA7;
  font-size: 12px;
  font-weight: 600;
}
.rental_yield_table .yield-chip.is-warning {
  background: #fde8d0;
  color: #9a4b00;
}
.rental_yield_table .table tbody tr td .yield-value {
  color: #000929;
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
}
.rental_yield_table .table tbody tr td .yield-primary {
  color: #000929;
  font-size: 16px;
  font-weight: 700;
}
.rental_yield_table .tab-button-area {
  padding: 16px 20px 20px;
}

/* Research IA */
.Research_hub_area {
  background: #fff;
  padding: 72px 0 40px;
}
.Research_hub_area .section_title {
  padding-bottom: 28px;
}
.Research_hub_area .section_lead {
  max-width: 640px;
  margin: 8px auto 0;
  color: #5b5d73;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
.Research_hub_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  max-width: 980px;
  margin: 0 auto;
}
.Research_hub_card {
  border-top: 4px solid #450AA7;
  border-radius: 15px;
  background: #F8F5FF;
  padding: 28px 24px;
  display: block;
  color: #000929;
  text-decoration: none;
}
.Research_hub_card h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 8px;
  color: #450AA7;
}
.Research_hub_card p {
  margin: 0;
  color: #5b5d73;
  font-size: 15px;
  line-height: 1.45;
}
.research_related_area {
  background: #F8F5FF;
  padding: 36px 0;
}
.research_related_area .heading_3 {
  margin-bottom: 16px;
}
.research_related_links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
}
.research_related_links a {
  background: #fff;
  color: #450AA7;
  border: 1px solid #e4dcf6;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.maps_table a,
.condo-details-key + td a {
  color: #450AA7;
  font-weight: 600;
}
.hub_condo_list {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
}
.hub_condo_list li {
  background: #fff;
  border: 1px solid #e4dcf6;
  border-radius: 10px;
  padding: 12px 14px;
}
.hub_condo_list a {
  display: block;
  color: #450AA7;
  font-weight: 600;
  line-height: 1.4;
}
.hub_condo_list .hub_meta {
  display: block;
  margin-top: 4px;
  color: #5b5d73;
  font-size: 13px;
  font-weight: 500;
}
.district_area_facts h2 {
  font-size: 22px;
  font-weight: 700;
  color: #450AA7;
  margin: 28px 0 14px;
  line-height: 1.3;
}
.district_area_facts h2:first-child {
  margin-top: 0;
}
.research_source_line {
  margin: 16px 0 0;
  color: #5b5d73;
  font-size: 14px;
  line-height: 1.6;
}
.research_source_line a {
  color: #450AA7;
  font-weight: 600;
  text-decoration: underline;
}
.hdb_comparable_card {
  margin: 20px 0 8px;
  background: #fff;
  border: 1px solid #e4dcf6;
  border-radius: 12px;
  padding: 20px 22px;
}
.hdb_comparable_card .heading_3 {
  margin: 0 0 8px;
  color: #450AA7;
}
.hdb_comparable_lead {
  margin: 0 0 16px;
  color: #5b5d73;
  font-size: 14px;
  line-height: 1.5;
}
.hdb_comparable_tiles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}
.hdb_comparable_tile {
  background: #F8F5FF;
  border: 1px solid #e4dcf6;
  border-radius: 10px;
  padding: 12px 14px;
}
.hdb_comparable_tile h4 {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 600;
  color: #5b5d73;
  line-height: 1.35;
}
.hdb_comparable_tile p {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #450AA7;
  line-height: 1.35;
}
.hdb_comparable_tile span {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 600;
  color: #5b5d73;
}
.hdb_comparable_compare {
  margin: 0 0 10px;
  color: #000929;
  font-size: 15px;
  line-height: 1.55;
}
.hdb_district_tile {
  background: #fff;
  border: 1px solid #e4dcf6;
  border-radius: 10px;
  padding: 16px 18px;
  margin: 0 0 24px;
}
.hdb_district_tile h3 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
  color: #450AA7;
  line-height: 1.35;
}
.hdb_district_tile p {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #450AA7;
  line-height: 1.4;
}
.hdb_district_tile .research_source_line {
  margin-top: 8px;
  font-weight: 500;
}
.research_breadcrumbs {
  background: transparent;
  padding: 18px 0 0;
}
.research_breadcrumbs ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 0;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #5b5d73;
}
.research_breadcrumbs li {
  display: flex;
  align-items: center;
}
.research_breadcrumbs li:not(:last-child)::after {
  content: "/";
  margin: 0 8px;
  color: #b8b0c9;
}
.research_breadcrumbs a {
  color: #450AA7;
  font-weight: 600;
  text-decoration: none;
}
.research_breadcrumbs span {
  color: #000929;
  font-weight: 600;
}
.research_banner.rent-banner-heading,
.research_banner.rent-banner-heading2 {
  padding: 48px 0 20px;
}
.research_banner .heading_1 {
  margin: 0 0 12px;
  line-height: 1.25;
}
.research_banner p {
  margin: 0 auto;
  max-width: 720px;
  line-height: 1.6;
}
.browse_index_area {
  padding: 24px 0 80px;
}
.browse_index_intro {
  max-width: 720px;
  margin: 0 0 28px;
  color: #5b5d73;
  font-size: 16px;
  line-height: 1.7;
}
.browse_filter_box {
  max-width: 520px;
  margin: 0 0 28px;
}
.browse_filter_box label {
  display: block;
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 600;
  color: #000929;
}
.browse_filter_box input {
  width: 100%;
  border: 1px solid #d8d0ea;
  border-radius: 10px;
  background: #fff;
  padding: 12px 14px;
  font-size: 16px;
  line-height: 1.4;
  color: #000929;
}
.browse_letter_nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 36px;
}
.browse_letter_nav a {
  min-width: 40px;
  text-align: center;
  background: #fff;
  color: #450AA7;
  border: 1px solid #e4dcf6;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.browse_district_group,
.browse_az {
  margin: 0 0 36px;
}
.browse_district_group h2,
.browse_az h2,
.column-title h5 {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 14px;
  color: #450AA7;
  line-height: 1.3;
}
.browse_link_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.browse_link_list li,
.plink {
  margin: 0;
  padding: 0;
}
.browse_link_list a,
.plink a {
  display: block;
  background: #fff;
  color: #450AA7;
  border: 1px solid #e4dcf6;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  text-decoration: none;
}
.browse_link_list a:hover,
.plink a:hover,
.browse_letter_nav a:hover {
  border-color: #450AA7;
  background: #f3edff;
}
.data_source_list {
  max-width: 760px;
}
.data_source_list h2 {
  font-size: 22px;
  font-weight: 700;
  margin: 40px 0 16px;
  line-height: 1.35;
  color: #000929;
}
.data_source_list h2:first-child {
  margin-top: 0;
}
.data_source_list p {
  margin: 0 0 24px;
  color: #5b5d73;
  font-size: 16px;
  line-height: 1.8;
}
.data_source_list ul {
  list-style: disc;
  margin: 0 0 28px;
  padding: 0 0 0 1.5em;
}
.data_source_list li {
  margin: 0 0 16px;
  padding: 0;
  color: #5b5d73;
  font-size: 16px;
  line-height: 1.8;
}
.data_source_list a {
  color: #450AA7;
  font-weight: 600;
  text-decoration: underline;
}
.Footer_legal p {
  margin: 0 0 12px;
  line-height: 1.7;
}
.Footer_link ul {
  flex-wrap: wrap;
  row-gap: 8px;
}
.market_summary_block {
  display: block;
  margin: 0 0 48px;
}
.market_summary_section {
  margin: 0 0 48px;
}
.market_summary_section:last-child {
  margin-bottom: 0;
}
.market_summary_section > h2 {
  margin: 0 0 10px;
  font-size: 22px;
  font-weight: 700;
  color: #450AA7;
  line-height: 1.3;
}
.market_summary_lead {
  max-width: 720px;
  margin: 0 0 20px;
  color: #5b5d73;
  font-size: 16px;
  line-height: 1.7;
}
.market_summary_tiles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}
.market_summary_hero .market_summary_tiles {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 24px;
}
.market_summary_tiles_highlight,
.market_summary_tiles_links {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.market_summary_tiles_best {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.market_summary_tiles_links {
  margin-bottom: 24px;
}
.market_summary_tile {
  background: #fff;
  border: 1px solid #e4dcf6;
  border-radius: 10px;
  padding: 16px 18px;
  min-height: 96px;
}
.market_summary_tile h3 {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: #5b5d73;
  line-height: 1.35;
}
.market_summary_tile p {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #450AA7;
  line-height: 1.4;
}
.market_summary_tile a {
  color: #450AA7;
  text-decoration: none;
}
.market_summary_tile a:hover {
  text-decoration: underline;
}
.market_summary_chart,
.market_summary_table {
  background: #fff;
  border: 1px solid #e4dcf6;
  border-radius: 12px;
  padding: 20px;
}
.market_summary_chart {
  min-height: 280px;
  margin: 0;
}
.market_summary_chart h3 {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 700;
  color: #450AA7;
  line-height: 1.3;
}
.market_summary_chart canvas,
.market_summary_chart img {
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
}
.market_summary_table h2 {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 700;
  color: #450AA7;
  line-height: 1.3;
}
.market_summary_table .row-title {
  display: none;
}
.market_stat_row,
.market_summary_table .course-info .row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  margin: 0;
  border-top: 1px solid #f0eaf8;
}
.market_stat_row:first-of-type,
.market_summary_table .course-info .row:first-child {
  border-top: 0;
}
.market_stat_row h3,
.market_summary_table h5 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #000929;
  line-height: 1.4;
}
.market_stat_row p,
.market_summary_table .course-info p {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  color: #450AA7;
  font-weight: 600;
  text-align: right;
}
.market_summary_table a {
  color: #450AA7;
  text-decoration: underline;
}
.compare_area .browse_index_intro {
  margin-bottom: 20px;
}
.compare_type_toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0 0 20px;
  padding: 4px;
  background: #fff;
  border: 1px solid #e4dcf6;
  border-radius: 999px;
}
.compare_type_toggle button {
  appearance: none;
  -webkit-appearance: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.02em;
  border: 0;
  background: transparent;
  color: #450AA7;
  border-radius: 999px;
  padding: 8px 18px;
  cursor: pointer;
}
.compare_type_toggle button.active {
  background: #450AA7;
  color: #fff;
}
.compare_type_toggle button:hover:not(.active) {
  background: #f3edff;
}
.compare_pickers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}
.compare_pickers label {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #000929;
  position: relative;
  background: #fff;
  border: 1px solid #e4dcf6;
  border-radius: 12px;
  padding: 16px 18px 18px;
}
.compare_pickers input {
  display: block;
  width: 100%;
  margin-top: 8px;
  border: 1px solid #e4dcf6;
  border-radius: 10px;
  background: #F8F5FF;
  padding: 12px 14px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  color: #450AA7;
  outline: none;
}
.compare_pickers input:focus {
  border-color: #450AA7;
  background: #fff;
}
.compare_suggest {
  list-style: none;
  margin: 6px 0 0;
  padding: 6px 0;
  position: absolute;
  left: 18px;
  right: 18px;
  z-index: 20;
  background: #fff;
  border: 1px solid #e4dcf6;
  border-radius: 10px;
  max-height: 260px;
  overflow: auto;
  box-shadow: 0 12px 32px rgba(56, 12, 130, 0.12);
}
.compare_suggest button {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  padding: 10px 14px;
  color: #450AA7;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.compare_suggest button:hover {
  background: #f3edff;
}
.compare_table_wrap {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  background: #fff;
  border: 1px solid #e4dcf6;
  border-radius: 12px;
  overflow: hidden;
}
.compare_table {
  width: 100%;
  max-width: 100%;
  margin: 0;
  background: #fff;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.compare_table th,
.compare_table td {
  padding: 14px 18px;
  border-bottom: 1px solid #efe8f8;
  vertical-align: top;
  text-align: left;
  font-size: 15px;
  line-height: 1.5;
  color: #000929;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.compare_table thead th {
  background: #F8F5FF;
  color: #450AA7;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #e4dcf6;
}
.compare_table tbody th {
  width: 22%;
  font-weight: 700;
  color: #000929;
  background: #fcfaff;
}
.compare_table tbody td {
  font-weight: 600;
  color: #450AA7;
}
.compare_table tbody tr:last-child th,
.compare_table tbody tr:last-child td {
  border-bottom: 0;
}
.compare_table a {
  color: #450AA7;
  font-weight: 600;
  text-decoration: none;
}
.compare_table a:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .compare_pickers {
    grid-template-columns: 1fr;
  }
  .Research_hub_grid {
    grid-template-columns: 1fr;
  }
  .browse_link_list {
    grid-template-columns: 1fr;
  }
  .market_summary_hero .market_summary_tiles,
  .market_summary_tiles,
  .market_summary_tiles_highlight,
  .market_summary_tiles_best,
  .market_summary_tiles_links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.pricing-body #Cashflow .rent_fixt_section {
  display: none;
}
.sales_identity_line {
  margin: 10px 0 0;
  color: #5b5d73;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
}
.sales_identity_line a,
.sales_district_link {
  color: #450AA7;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.sales_decision_snapshot {
  margin: 0 0 28px;
  background: #fff;
  border: 1px solid #e4dcf6;
  border-radius: 12px;
  padding: 20px 22px;
  overflow: hidden;
}
.sales_decision_snapshot .heading_3 {
  margin: 0 0 6px;
  color: #450AA7;
}
.sales_snapshot_lead {
  margin: 0 0 16px;
  color: #5b5d73;
  font-size: 14px;
  line-height: 1.5;
}
.sales_snapshot_tiles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}
.rental_decision_snapshot .sales_snapshot_tiles {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.sales_snapshot_tile {
  background: #F8F5FF;
  border: 1px solid #e4dcf6;
  border-radius: 10px;
  padding: 12px 14px;
  min-width: 0;
}
.sales_snapshot_tile h3 {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 600;
  color: #5b5d73;
  line-height: 1.35;
}
.sales_snapshot_tile p {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #450AA7;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.sales_snapshot_tile span {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 600;
  color: #5b5d73;
  line-height: 1.4;
}
.sales_history_heading {
  margin: 8px 0 16px;
  color: #450AA7;
}
.sales_property_facts,
.sales_rental_summary {
  margin-top: 28px;
}
.sales_details_duplicate,
.sales_rental_summary_duplicate,
#pills-tabContent .Pricing_Table_area:has(.condo_details) {
  display: none !important;
}
.sales_nearby_places {
  flex-basis: 100%;
  margin: 4px 0 0;
  color: #5b5d73;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}
.sales_nearby_places a {
  background: none;
  border: 0;
  padding: 0;
  border-radius: 0;
}
.sales_nearby_context {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  margin: 8px 0 24px;
}
.sales_nearby_context a {
  background: #fff;
  color: #450AA7;
  border: 1px solid #e4dcf6;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.sales_decision_snapshot .hdb_comparable_tiles {
  margin-bottom: 0;
}
.district-page .rent-banner-heading,
.district-page .rent-banner-heading2,
.school-page .rent-banner-heading,
.school-page .rent-banner-heading2 {
  padding: 32px 0 24px;
}
.district_research_stack {
  background: #fff;
  padding: 12px 0 64px;
}
.district_snapshot_wrap {
  margin: 28px auto 8px;
}
.district_decision_snapshot {
  max-width: 949px;
  margin-left: auto;
  margin-right: auto;
}
.district_decision_snapshot .heading_3,
.district_decision_snapshot .sales_snapshot_lead,
.district_decision_snapshot .hdb_comparable_compare,
.district_decision_snapshot .sales_snapshot_source {
  text-align: center;
}
.district_siblings {
  margin: 8px 0 0;
  color: #5b5d73;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}
.district_siblings a {
  color: #450AA7;
  font-weight: 600;
}
.district_identity_line {
  margin-top: 6px;
  font-weight: 700;
  color: #000929;
}
.district_nearby_hoisted {
  padding: 16px 0 8px;
  background: #fff;
}
.district_nearby_hoisted.browse_index_area {
  padding-top: 16px;
  padding-bottom: 24px;
}
.district_nearby_lead {
  margin: 0 0 16px;
  color: #5b5d73;
  font-size: 14px;
  line-height: 1.5;
}
.district_condo_head {
  max-width: 1120px;
  width: 100%;
  margin: 8px auto 20px;
  text-align: center;
}
.district_list_heading {
  margin: 0 0 8px;
  color: #450AA7;
}
.district_list_lead {
  margin: 0 0 16px;
  color: #5b5d73;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}
.district_list_tabs {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.district_list_tabs .nav-pills {
  justify-content: center;
}
.district-page .pricing-section,
.school-page .pricing-section {
  padding-top: 8px;
}
.district_condo_card {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e4dcf6;
  border-radius: 12px;
  padding: 20px 22px 16px;
  box-sizing: border-box;
}
.district_condo_card .district_condo_head {
  max-width: none;
  margin: 0 0 16px;
}
.district-page .pricing-main,
.school-page .pricing-main {
  max-width: 1120px;
  row-gap: 16px;
}
.district-page .district_condo_card .pricing-main,
.school-page .district_condo_card .pricing-main {
  max-width: none;
  margin: 0;
  padding-bottom: 8px;
}
.district_card_hidden,
.district-page .pricing-single[hidden],
.school-page .pricing-single[hidden] {
  display: none !important;
}
.district_sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.district_condo_research {
  width: 100%;
}
.district_condo_toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  margin: 0 0 12px;
}
.district_condo_filter {
  flex: 1 1 240px;
  min-width: 0;
}
.district_condo_filter_input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e4dcf6;
  border-radius: 8px;
  background: #fff;
  color: #000929;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 145%;
  padding: 10px 12px;
  -webkit-appearance: none;
  appearance: none;
}
.district_condo_filter_input:focus {
  outline: 2px solid #450AA7;
  outline-offset: 1px;
  border-color: #450AA7;
}
.district_condo_count {
  margin: 0 0 0 auto;
  color: #6270A0;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
.district_condo_table_wrap {
  overflow: auto;
  max-height: min(70vh, 720px);
  border: 1px solid #e4dcf6;
  border-radius: 12px;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}
.district_condo_table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}
.district_condo_table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #F8F5FF;
  color: #6270A0;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  padding: 12px 14px;
  border-bottom: 1px solid #e4dcf6;
  white-space: nowrap;
}
.district_condo_table thead th.num {
  text-align: right;
}
.district_condo_table thead th[data-sort] {
  cursor: pointer;
  user-select: none;
}
.district_sort {
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: inherit;
}
.district_condo_table thead th.num .district_sort {
  width: auto;
  text-align: right;
}
.district_th_with_help {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
.district_help {
  position: relative;
  display: inline-flex;
}
.district_help_btn {
  appearance: none;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 1px solid #cfc0ef;
  border-radius: 50%;
  background: #F8F5FF;
  color: #450AA7;
  font: 700 10px/16px inherit;
  cursor: help;
}
.district_help_tip {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 8;
  width: 260px;
  padding: 10px 12px;
  border: 1px solid #e4dcf6;
  border-radius: 8px;
  background: #fff;
  color: #3b3f54;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
  text-align: left;
  white-space: normal;
}
.district_help:hover .district_help_tip,
.district_help:focus-within .district_help_tip {
  display: block;
}
.district_sort::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 6px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #6270A0;
  opacity: 0.25;
  vertical-align: middle;
}
.district_condo_table thead th.is-active .district_sort::after {
  opacity: 1;
}
.district_condo_table thead th.is-asc .district_sort::after {
  border-top: 0;
  border-bottom: 5px solid #450AA7;
}
.district_condo_table thead th.is-desc .district_sort::after {
  border-top: 5px solid #450AA7;
}
.district_condo_table tbody td {
  padding: 12px 14px;
  font-size: 14px;
  font-weight: 600;
  color: #000929;
  border-bottom: 1px solid #f0ebf8;
  vertical-align: top;
  background: #fff;
}
.district_condo_table tbody tr:nth-child(even) td {
  background: #fcfbfe;
}
.district_condo_table tbody tr:last-child td {
  border-bottom: 0;
}
.district_condo_table tbody td.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.district_condo_table tbody td.num.is-up {
  color: #77BF2F;
}
.district_condo_table tbody td.num.is-down {
  color: #FF0000;
}
.district_condo_table th:first-child,
.district_condo_table td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  min-width: 180px;
  box-shadow: 8px 0 8px -8px rgba(56, 12, 130, 0.12);
}
.district_condo_table thead th:first-child {
  z-index: 3;
  background: #F8F5FF;
}
.district_condo_table tbody tr:nth-child(even) td:first-child {
  background: #fcfbfe;
}
.district_col_name a {
  color: #450AA7;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}
.district_col_name a:hover {
  text-decoration: underline;
}
.district_row_meta {
  display: none;
  margin-top: 4px;
  color: #6270A0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}
.district_col_tenure {
  max-width: 160px;
  font-size: 13px;
  font-weight: 500;
  color: #5b5d73;
}
.district_col_street {
  font-size: 13px;
  font-weight: 500;
  color: #5b5d73;
}
.district_col_distance {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.district_col_links {
  white-space: nowrap;
  text-align: right;
}
.district_row_link {
  color: #450AA7;
  font-size: 13px;
  font-weight: 700;
  margin-left: 12px;
}
.district_row_link:first-child {
  margin-left: 0;
}
.district_row_link:hover {
  text-decoration: underline;
}
.district_condo_empty {
  margin: 12px 0 0;
  color: #5b5d73;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.district_nearby_hoisted .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 32px;
  align-items: start;
  max-width: 949px;
}
.district_nearby_hoisted .district_nearby_lead {
  grid-column: 1 / -1;
}
.district_nearby_hoisted h2 {
  margin-top: 0;
}
.leftover_rental_back {
  margin: 0 0 18px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.leftover_rental_back a {
  color: #450AA7;
}
.leftover_rental_wrap {
  padding: 24px 0 48px;
}
.leftover_rental_wrap h1 {
  margin: 0 0 8px;
  color: #450AA7;
  font-size: 32px;
  line-height: 1.25;
}
.leftover_rental_wrap h5 {
  margin: 0 0 20px;
  color: #5b5d73;
}
.leftover_rental_wrap .no-data-found {
  margin: 24px 0;
  color: #5b5d73;
  font-size: 16px;
}
.leftover_rental_wrap .page-nav a {
  color: #450AA7;
  font-weight: 600;
}
.bedroom-button {
  display: inline-block;
  margin: 0 8px 12px 0;
  padding: 8px 14px;
  border: 1px solid #e4dcf6;
  border-radius: 999px;
  background: #fff;
  color: #450AA7;
  font-weight: 600;
  cursor: pointer;
}
.bedroom-button.bedroom-active {
  background: #F8F5FF;
}
.leftover_rental_wrap .dnone { display: none; }
.leftover_rental_wrap .dblock { display: block; }
.rent-detail-box {
  background: #F8F5FF;
  border: 1px solid #e4dcf6;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 8px;
}
.rent-detail-box .amount {
  margin-top: 6px;
  color: #450AA7;
  font-size: 22px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .district_nearby_hoisted .container {
    grid-template-columns: 1fr;
  }
  .district_col_street {
    display: none;
  }
  .district_row_meta {
    display: block;
  }
  .district_condo_table {
    min-width: 620px;
  }
  .district_condo_table thead th,
  .district_condo_table tbody td {
    padding: 10px 10px;
  }
  .district_condo_count {
    margin-left: 0;
  }
}
@media (max-width: 900px) {
  .sales_snapshot_tiles,
  .rental_decision_snapshot .sales_snapshot_tiles,
  .district_decision_snapshot .sales_snapshot_tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 420px) {
  .sales_snapshot_tiles,
  .rental_decision_snapshot .sales_snapshot_tiles,
  .district_decision_snapshot .sales_snapshot_tiles {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 767px) {
  .compare_type_toggle {
    width: 100%;
    box-sizing: border-box;
  }
  .compare_type_toggle button {
    flex: 1 1 auto;
    text-align: center;
  }
  .compare_table th,
  .compare_table td {
    padding: 12px;
    font-size: 14px;
  }
}

/* ===================================================================
   Deal checker page
==================================================================== */
body.deal-checker-page {
  background: #F7F7FD;
}
body.deal-checker-page .progress_overlay {
  display: none !important;
}
body.deal-checker-page .filter_area,
body.deal-checker-page .deal-js-hook {
  display: none !important;
}
.deal-intro-section {
  padding: 28px 0 4px;
}
.deal-intro h1 {
  font-size: 34px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #000929;
  margin: 0 0 10px;
}
.deal-intro p {
  font-size: 17px;
  line-height: 1.5;
  color: #6270A0;
  max-width: 40em;
  margin: 0;
}
.deal-checker-section {
  padding-bottom: 72px;
}
.deal-layout {
  display: grid;
  grid-template-columns: minmax(280px, 400px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  max-width: 1040px;
  margin: 16px auto 0;
}
.deal-card,
.deal-checker-page .cash_flow_content.deal-results {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 10px 32px rgba(69, 10, 167, 0.07);
}
.deal-inputs {
  padding: 24px;
}
.deal-checker-page .cash_flow_content.deal-results {
  max-width: none;
  width: 100%;
  padding: 0;
  gap: 0;
}
.deal-fields {
  display: grid;
  gap: 18px;
}
.deal-field label,
.deal-loan-settings .text_18 {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #000929;
  margin: 0;
}
.deal-optional {
  font-weight: 600;
  color: #6270A0;
  font-size: 12px;
  margin-left: 6px;
}
.deal-hint {
  font-size: 12px;
  line-height: 1.45;
  color: #6270A0;
  margin: 8px 0 0;
}
.deal-checker-page .search_box_area {
  width: 100%;
}
.deal-checker-page .search_box_area input {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 700;
  color: #000929;
  padding: 16px 18px;
  border: 1.5px solid #E0E2EC;
}
.deal-checker-page .search_box_area input:focus {
  outline: none;
  border-color: #450AA7;
  box-shadow: 0 0 0 4px rgba(69, 10, 167, 0.12);
}
.deal-loan-settings {
  margin-top: 18px;
  border: 1px solid #E8EAF2;
  border-radius: 14px;
  padding: 0 16px 8px;
  background: #FBFBFE;
}
.deal-loan-settings summary {
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  color: #000929;
  padding: 14px 0;
  list-style: none;
}
.deal-loan-settings summary::-webkit-details-marker {
  display: none;
}
.deal-loan-settings summary::after {
  content: "Show";
  float: right;
  font-weight: 600;
  color: #450AA7;
  font-size: 12px;
}
.deal-loan-settings[open] summary::after {
  content: "Hide";
}
.deal-checker-page .deal-loan-settings .slider-range {
  max-width: none;
  padding: 44px 8px 10px;
  margin-top: 4px;
  background: transparent;
}
.deal-checker-page .slider-range .slider.slider-horizontal {
  max-width: 100%;
}
.deal-checker-page .deal-loan-settings .single_range {
  padding-bottom: 16px;
}
.deal-check-btn {
  display: none;
}
.deal-example {
  display: inline-block;
  margin-top: 16px;
  border: 0;
  background: transparent;
  color: #450AA7;
  font-size: 13px;
  font-weight: 700;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.deal-example:hover {
  color: #2f0774;
}
.deal-verdict {
  padding: 24px 24px 8px;
}
.deal-verdict-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.deal-checker-page .meter-message {
  display: inline-flex;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.deal-checker-page .meter-message p {
  margin: 0;
  padding: 6px 12px;
  border-radius: 999px;
  background: #F0EFFB;
  color: #450AA7;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.01em;
}
.deal-checker-page .deal-verdict-top .annual_monthly_toggle {
  margin: 0;
}
.deal-hero-kicker {
  margin: 18px 0 0;
  font-size: 13px;
  font-weight: 600;
  color: #6270A0;
}
.deal-hero-amount {
  margin: 2px 0 0;
  font-size: 52px;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #000929;
}
.deal-checker-page .deal-verdict.tone-loss .deal-hero-amount,
.deal-checker-page .deal-verdict.tone-loss #cashflow-value {
  color: #C2410C;
}
.deal-checker-page .deal-verdict.tone-ok .deal-hero-amount {
  color: #B45309;
}
.deal-checker-page .deal-verdict.tone-good .deal-hero-amount,
.deal-checker-page .deal-verdict.tone-great .deal-hero-amount,
.deal-checker-page .deal-verdict.tone-awesome .deal-hero-amount,
.deal-checker-page .deal-verdict.tone-good #cashflow-value,
.deal-checker-page .deal-verdict.tone-great #cashflow-value,
.deal-checker-page .deal-verdict.tone-awesome #cashflow-value {
  color: #0F7B4A;
}
.deal-checker-page .deal-verdict.tone-loss .meter-message p {
  background: #FFF1E8;
  color: #C2410C;
}
.deal-checker-page .deal-verdict.tone-ok .meter-message p {
  background: #FFF6E5;
  color: #B45309;
}
.deal-checker-page .deal-verdict.tone-good .meter-message p {
  background: #E8F8F0;
  color: #0F7B4A;
}
.deal-checker-page .deal-verdict.tone-great .meter-message p,
.deal-checker-page .deal-verdict.tone-awesome .meter-message p {
  background: #DDF3E8;
  color: #0B5E38;
}
.deal-story {
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.45;
  color: #000929;
  max-width: 34em;
}
.deal-rent-note {
  display: none;
  margin: 8px 0 0;
  font-size: 12px;
  font-weight: 600;
  color: #450AA7;
}
.deal-rent-note.is-visible {
  display: block;
}
.deal-bar {
  margin: 20px 0 12px;
}
.deal-bar-track {
  height: 10px;
  border-radius: 999px;
  background: #E8F8F0;
  overflow: hidden;
}
.deal-bar-fill {
  height: 100%;
  width: 0;
  border-radius: 999px;
  background: #450AA7;
  transition: width 0.25s ease;
}
.deal-bar.is-over .deal-bar-track {
  background: #FDE8DC;
}
.deal-bar.is-over .deal-bar-fill {
  background: #C2410C;
}
.deal-bar-labels {
  margin-top: 6px;
  font-size: 11px;
  font-weight: 600;
  color: #6270A0;
}
.deal-verdict.is-empty .deal-hero-kicker,
.deal-verdict.is-empty .deal-hero-amount,
.deal-verdict.is-empty .deal-bar,
.deal-verdict.is-empty ~ .deal-flow,
.deal-verdict.is-empty ~ .deal-costs,
.deal-verdict.is-empty ~ .deal-mcst-note,
.deal-verdict.is-empty ~ .deal-more {
  display: none;
}
.deal-flow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 8px 24px 0;
}
.deal-flow-item {
  border-radius: 14px;
  padding: 14px 16px;
}
.deal-flow-item.in {
  background: #F3EEFF;
}
.deal-flow-item.out {
  background: #FFF6F0;
}
.deal-flow-label {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  color: #6270A0;
}
.deal-flow-label a {
  color: inherit;
  text-decoration: none;
}
.deal-flow-value {
  margin: 4px 0 0;
  font-size: 22px;
  font-weight: 800;
  color: #000929;
}
.deal-costs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 12px 24px 0;
}
.deal-costs > div {
  background: #F8F9FC;
  border-radius: 12px;
  padding: 12px;
}
.deal-cost-value {
  margin: 4px 0 0;
  font-size: 16px;
  font-weight: 700;
  color: #000929;
}
.deal-mcst-note {
  padding: 0 24px;
}
.deal-more {
  margin: 16px 24px 0;
  border-top: 1px solid #EFF1F5;
  padding-top: 8px;
}
.deal-more summary {
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: #450AA7;
  padding: 8px 0 12px;
  list-style: none;
}
.deal-more summary::-webkit-details-marker {
  display: none;
}
.deal-more-list {
  margin: 0 0 8px;
  padding: 0;
}
.deal-more-list > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  border-top: 1px solid #EFF1F5;
  font-size: 14px;
}
.deal-more-list dt {
  color: #6270A0;
  font-weight: 600;
}
.deal-more-list dt a {
  color: inherit;
}
.deal-more-list dd {
  margin: 0;
  font-weight: 700;
  color: #000929;
}
.deal-next {
  padding: 20px 24px 24px;
}
.deal-next p {
  margin: 0 0 12px;
  font-size: 14px;
  color: #6270A0;
}
.deal-checker-page .deal-results .btn_5 {
  max-width: none;
  display: inline-flex;
}
.deal-checker-page .txn_information-block {
  padding: 20px 24px 12px;
  border-bottom: 1px solid #EFF1F5;
}
.deal-checker-page .txn_information-block .text_14 {
  font-size: 12px;
  font-weight: 700;
  color: #6270A0;
  margin: 0 0 8px;
}
.deal-checker-page .page_title {
  padding: 0 0 4px;
  font-size: 20px;
  font-weight: 800;
}

@media (max-width: 900px) {
  .deal-layout {
    grid-template-columns: 1fr;
  }
  .deal-intro h1 {
    font-size: 28px;
  }
  .deal-hero-amount {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  body.deal-checker-page .filter_area,
  body.deal-checker-page .offcanvas_main {
    display: none !important;
  }
  .deal-intro-section {
    padding: 18px 0 0;
  }
  .deal-inputs,
  .deal-verdict {
    padding: 20px;
  }
  .deal-flow,
  .deal-costs {
    padding-left: 20px;
    padding-right: 20px;
  }
  .deal-more,
  .deal-mcst-note {
    margin-left: 20px;
    margin-right: 20px;
  }
  .deal-more {
    margin-left: 20px;
    margin-right: 20px;
  }
  .deal-next {
    padding: 16px 20px 20px;
    margin: 0;
  }
  .deal-costs {
    grid-template-columns: 1fr;
  }
  .deal-checker-page .search_box_area input {
    font-size: 18px;
  }
}

/* ===================================================================
   About page (text-first, no stock photos)
==================================================================== */
body.about-page {
  background: #F7F7FD;
}
.about-hero {
  padding: 48px 0 12px;
}
.about-hero-inner {
  max-width: 720px;
}
.about-kicker {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #450AA7;
}
.about-hero h1 {
  margin: 0 0 16px;
  font-size: 40px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #000929;
}
.about-lead {
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
  color: #6270A0;
}
.about-body {
  padding: 28px 0 80px;
}
.about-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.about-block {
  background: #fff;
  border-radius: 18px;
  padding: 28px 26px;
  box-shadow: 0 10px 28px rgba(69, 10, 167, 0.06);
}
.about-block h2 {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 800;
  color: #000929;
}
.about-block > p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.5;
  color: #6270A0;
}
.about-link-list,
.about-plain-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.about-link-list li,
.about-plain-list li {
  position: relative;
  padding: 10px 0 10px 16px;
  border-top: 1px solid #EFF1F5;
  font-size: 15px;
  line-height: 1.45;
  color: #000929;
}
.about-link-list li:first-child,
.about-plain-list li:first-child {
  border-top: 0;
  padding-top: 0;
}
.about-link-list li::before,
.about-plain-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.15em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #450AA7;
}
.about-link-list li:first-child::before,
.about-plain-list li:first-child::before {
  top: 0.55em;
}
.about-link-list a,
.about-block a {
  color: #450AA7;
  font-weight: 700;
  text-decoration: none;
}
.about-link-list a:hover,
.about-block a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.about-contact {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: #fff;
  border-radius: 18px;
  padding: 28px 26px;
  box-shadow: 0 10px 28px rgba(69, 10, 167, 0.06);
}
.about-contact h2 {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 800;
  color: #000929;
}
.about-contact p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #6270A0;
}
.about-contact a.btn_1 {
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .about-grid {
    grid-template-columns: 1fr;
  }
  .about-hero h1 {
    font-size: 32px;
  }
  .about-contact {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Price analysis extras on shared calculator shell */
.price-analysis-page .deal-costs .deal-cost-value {
  font-size: 14px;
}
.psf-compare {
  margin: 16px 0 4px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #F3EEFF;
}
.psf-compare-label {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  color: #6270A0;
}
.psf-compare-value {
  margin: 4px 0 10px;
  font-size: 24px;
  font-weight: 800;
  color: #000929;
}
.psf-compare-range {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  font-size: 12px;
  color: #6270A0;
}
.psf-compare-range strong {
  color: #000929;
  font-weight: 700;
}
.deal-verdict.is-empty ~ .deal-costs-owner,
.deal-verdict.is-empty ~ #price-value-note {
  display: none;
}
#price-value-note {
  padding-top: 4px;
}