@charset "utf-8";

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.eot');
  src:
    url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Regular.woff2') format('woff2'),
    url('../fonts/Roboto-Regular.woff') format('woff'),
    url('../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Light.eot');
  src:
    url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Light.woff2') format('woff2'),
    url('../fonts/Roboto-Light.woff') format('woff'),
    url('../fonts/Roboto-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.eot');
  src:
    url('Roboto-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Bold.woff2') format('woff2'),
    url('../fonts/Roboto-Bold.woff') format('woff'),
    url('../fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-SemiBold.eot');
  src:
    url('../fonts/Roboto-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-SemiBold.woff2') format('woff2'),
    url('../fonts/Roboto-SemiBold.woff') format('woff'),
    url('../fonts/Roboto-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.eot');
  src:
    url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Medium.woff2') format('woff2'),
    url('../fonts/Roboto-Medium.woff') format('woff'),
    url('../fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/*-----------------------*/
:root {
  --main-color: #b63588;
  --black-color: #000000;
  --border-radius-10: 0.625rem;
  --border-radius-5: 0.313rem;
  --border-radius-8: 0.5rem;
  --white-color: #ffffff;
  --bg-light-pink: #fceff7;
  --bg-pink: linear-gradient(180deg, rgba(182, 53, 136, 1) 28%, rgba(80, 23, 60, 1) 100%);
  --line-height-p: 1.75rem;
  --font-size-15: 0.938rem;
  --margin-0: 0rem;
  --padding-0: 0rem;
  --h1-font-size: 2.813rem;
  --h1-line-height: 3.375rem;
  --h2-font-size: 2.625rem;
  --h2-line-height: 3.125rem;
  --h3-font-size: 1.875rem;
  --h3-line-height: 2.5rem;
  --h4-font-size: 1.375rem;
  --h4-line-height: 2rem;
  --h5-font-size: 1.125rem;
  --h5-line-height: 1.5rem;
  --font-weight-600: 600;
  --text-transform-capitalize: capitalize;
  --text-transform-uppercase: uppercase;
  --unlist: none;
  --p-0: 0rem;
  --max-width: 100%;
  --height-auto: auto;
  --transition-04: ease-in-out 0.4s;
  --focus-outline: none !important;
  --focus-box-shadow: none !important;
  --box-sizing: border-box;
  --cursor-pointer: pointer;
  --border-none: none;
  --display-inline: inline-table;
  --text-center: center;
  --display-flex: flex;
  --flex-row: row;
  --flex-column: column;
  --flex-column-reverse: column-reverse;
  --flex-wrap: wrap;
  --flex-nowrap: nowrap;
  --justify-start: flex-start;
  --justify-end: flex-end;
  --justify-center: center;
  --justify-evenly: space-evenly;
  --justify-between: space-between;
  --align-start: flex-start;
  --align-end: flex-end;
  --align-center: center;
  --flex-row-reverse: row-reverse;
  --list-none: none;
  --display-none: none;
  --margin-auto: auto;
  --width-full: 100%;
  --hight-full: 100%;
  --hight-vh: 100vh;
  --flex-basis-full: 100%;
  --margin-0: 0;
  --margin-top-lg: 6.25rem;
  --margin-bottom-lg: 6.25rem;
  --margin-top-md: 4.375rem;
  --padding-top-lg: 6.25rem;
  --padding-bottom-lg: 6.25rem !important;
  --position-absolute: absolute;
  --position-relative: relative;
  --position-fixed: fixed;
  --position-sticky: sticky;
  --overflow-hidden: hidden;
  --margin-right-sm: 0.9375rem;
  --margin-0: 0;
  --text-right: right;
  --text-left: left;
  --text-center: center;
  --padding-0: 0;
  --background-none: none;
  --height-full: 100vh;
  --display-grid: grid;
  --max-width-container-lg: 1470px;
  --max-width-container-md: 1200px;
  --padding-container: 0px 15px;
  --max-auto: auto;
  --font-weight-normal: 400;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-family-primary: 'Roboto';
  --scroll-behavior: smooth;
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-light: 300;
  --d-none: none;
  --margin-right-0: 0;
  --spacing-50: 50px;
  --margin-right-15: 15px;
  --focus-visible: outline;
  --gray-bg: #f5f5f5;
  --m-0: 0;
  --p-0: 0;
}

/*-------------Base Classes------------*/
*,
::after,
::before {
  box-sizing: var(--box-sizing);
}

body {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  font-family: var(--font-family-primary);
}

html,
body {
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  /* Hide horizontal scroll */
  overflow-y: auto;
  /* Allow vertical scroll */
  margin: 0;
  padding: 0;
}

.container {
  max-width: var(--max-width-container-md);
  margin: var(--max-auto);
  padding: var(--padding-container);
}

.max-container {
  max-width: var(--max-width-container-lg);
  margin: var(--max-auto);
  padding: var(--padding-container);
}

h1 {
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
  font-weight: var(--font-weight-semi-bold);
}

h2 {
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  font-weight: var(--font-weight-semi-bold);
}

h3 {
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  font-weight: var(--font-weight-semi-bold);
}

h4 {
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
  font-weight: var(--font-weight-semi-bold);
}

h5 {
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
  font-weight: var(--font-weight-semi-bold);
}

p {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-p);
  margin: var(--margin-0);
}

ul {
  margin: var(--margin-0);
  padding: var(--padding-0);
  list-style: var(--unlist);
}

img {
  max-width: var(--max-width);
  height: var(--height-auto);
}

a,
a:hover {
  text-decoration: var(--text-decoration-none);
}

.btn-main {
  background: var(--main-color);
  color: var(--white-color);
  border-radius: var(--border-radius-8);
  text-transform: var(--text-transform-capitalize);
  font-size: var(--font-size-md);
  text-align: var(--text-center);
  padding: 12px 25px;
  border: var(--border-none);
  transition: var(--transition-04);
  cursor: var(--cursor-pointer);
  font-weight: var(--font-weight-medium);
  display: var(--display-inline);
}

.btn-main:hover {
  background: var(--black-color);
  color: var(--white-color);
}

.d-flex {
  display: var(--display-flex);
}

.flex-row {
  flex-direction: var(--flex-row);
}

.flex-column {
  flex-direction: var(--flex-column);
}

.flex-wrap {
  flex-wrap: var(--flex-wrap);
}

.flex-nowrap {
  flex-wrap: var(--flex-nowrap);
}

.justify-content-start {
  justify-content: var(--justify-start);
}

.justify-content-end {
  justify-content: var(--justify-end);
}

.justify-content-center {
  justify-content: var(--justify-center);
}

.justify-content-evenly {
  justify-content: var(--justify-evenly);
}

.flex-row-reverse {
  flex-direction: var(--flex-row-reverse);
}

.justify-content-between {
  justify-content: var(--justify-between);
}

.align-items-start {
  align-items: var(--align-start);
}

.align-items-end {
  align-items: var(--align-end);
}

.align-items-center {
  align-items: var(--align-center);
}

.flex-column-reverse {
  flex-direction: var(--flex-column-reverse);
}

.un-listed {
  list-style: var(--unlist);
}

.d-none {
  display: var(--d-none);
}

.ms-auto {
  margin-left: var(--margin-auto) !important;
}

.mr-auto {
  margin-right: var(--margin-auto) !important;
}

.mx-auto {
  margin: 0 var(--margin-auto) !important;
}

.mr-0 {
  margin-right: var(--margin-right-0);
}

.text-center {
  text-align: var(--text-center);
}

.mrt-50 {
  margin-top: var(--spacing-50);
}

.mrb-50 {
  margin-bottom: var(--spacing-50);
}

.pdt-50 {
  padding-top: var(--spacing-50);
}

.pdb-50 {
  padding-bottom: var(--spacing-50) !important;
}

.position-absolute {
  position: var(--position-absolute);
}

.position-relative {
  position: var(--position-relative);
}

.position-fixed {
  position: var(--position-fixed);
}

.overflow-hidden {
  overflow: var(--overflow-hidden);
}

.me-3 {
  margin-right: var(--margin-right-15);
}

h1,
h2,
h3,
h4,
h5,
h5 {
  text-transform: var(--text-transform-capitalize);
}

h1,
h2,
h3,
h4,
h5,
h5,
p {
  font-family: var(--font-family-primary);
  margin: var(--margin-0);
}

select:focus-visible,
input:focus-visible {
  outline: 0 var(--focus-visible);
}

button {
  border: var(--border-none);
}

.d-grid {
  display: var(--display-grid);
}

.lightpink-bg {
  background: var(--bg-light-pink);
}

.white_bg {
  background: var(--white-color);
}

.m-0 {
  margin: var(--m-0) !important;
}

.p-0 {
  margin: var(--p-0) !important;
}

.text-uppercase {
  text-transform: var(--text-transform-uppercase);
}

.text-capitalize {
  text-transform: var(--text-transform-capitalize);
}
.full_height {
  height: var(--hight-full);
}
.vh_height {
  height: var(--hight-vh);
}
.position-sticky {
  position: var(--position-sticky);
}
/*-------------Home-----------*/
.header_rw {
  background: var(--white-color);
  padding: 10px 0;
  top: 0;
  left: 0;
  width: var(--width-full);
  z-index: 999;
}

.navbar ul li {
  margin-right: 50px;
}

.navbar ul li:last-child {
  margin-right: 0px;
}

.navbar ul li a {
  color: var(--black-color);
  text-transform: var(--text-transform-capitalize);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  font-family: var(--font-family-primary);
}

.navbar ul li a:hover {
  color: var(--main-color);
  transition: var(--transition-04);
}

.navbar ul li a svg {
  vertical-align: middle;
  margin-right: 5px;
  font-size: 14px;
}

.nav_right .btn-main {
  margin-right: 15px;
  padding: 10px 20px;
}

.nav_right .btn-main img {
  vertical-align: middle;
  margin-right: 5px;
}

.home_content h1 {
  margin-bottom: 60px;
}

.home_content h1 span {
  font-weight: var(--font-weight-light);
}

.tab_group {
  border-top-left-radius: var(--border-radius-10);
  border-top-right-radius: var(--border-radius-10);
  background: var(--bg-light-pink);
  max-width: max-content;
}

.tab_group a {
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-md);
  color: var(--black-color);
  padding: 15px;
  text-transform: var(--text-transform-capitalize);
}

.home_form form {
  background: var(--white-color);
  border-radius: 0px 10px 10px 0px;
  padding: 10px;
  box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.15);
}

.home_form input[type='text'],
.home_form select {
  padding: 15px;
  padding-left: 5px;
  border: none;
  font-size: var(--font-size-md);
  color: var(--black-color);
  overflow: var(--overflow-hidden);
  text-overflow: ellipsis;
  white-space: nowrap;
  width: var(--width-full);
}

.form_btn {
  margin-left: 15px;
}

.form_btn button {
  border-radius: var(--border-radius-10);
  background: var(--main-color);
  width: 50px;
  height: 50px;
  display: var(--display-flex);
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  cursor: var(--cursor-pointer);
  transition: var(--transition-04);
}

.form_btn button:hover {
  background: var(--black-color);
}

.form_city {
  flex-basis: 20%;
  border-right: 1px solid #d9d9d9;
  padding-right: 10px;
}

.form_search {
  flex-basis: 52%;
  border-right: 1px solid #d9d9d9;
  padding: 0 10px;
}

.form_budget {
  border: var(--border-none);
  margin: 0;
  padding: 0;
  padding-left: 10px;
  flex-basis: 25%;
}

.home_content {
  flex-basis: 53%;
  margin-bottom: 30px;
}

.tab_group a.active {
  color: #b63588;
}

.call_expert {
  border-bottom-left-radius: var(--border-radius-10);
  border-bottom-right-radius: var(--border-radius-10);
  background: var(--bg-light-pink);
  padding: 15px;
}

.madeyou {
  font-size: 12px;
  color: var(--black-color);
  font-weight: var(--font-weight-600);
  text-transform: var(--text-transform-capitalize);
}

.call_expert a {
  color: var(--main-color);
  text-transform: var(--text-transform-capitalize);
  font-weight: var(--font-weight-600);
  display: var(--display-flex);
  align-items: var(--align-center);
}

.call_expert a img {
  margin-right: 6px;
}

.call_expert a:hover {
  color: var(--black-color);
  transition: var(--transition-04);
}

.home_banner_img {
  flex-basis: 47%;
}

.home_banner {
  margin-top: 80px;
}

.insight_tools_content {
  background: var(--bg-light-pink);
  border-radius: var(--border-radius-8);
  padding: 30px;
}

.heading {
  margin-bottom: 30px;
}

.insights_bx {
  background: var(--white-color);
  border-radius: var(--border-radius-8);
  padding: 15px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.insights_bx a {
  color: var(--black-color);
}

.insights_bx a h5 {
  transition: var(--transition-04);
}

.insights_bx a:hover h5 {
  color: var(--main-color);
}

.insights_icon img {
  width: 54px !important;
  height: auto;
  margin: 0 auto;
}

.insights_icon {
  margin-bottom: 15px;
}

.insights_txt h5 {
  font-size: var(--font-size-md);
  padding-bottom: 10px;
}

.insights_txt p {
  font-size: var(--font-size-sm);
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: var(--overflow-hidden);
}

.tanding_pro_des {
  bottom: 30px;
  width: 90%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  border-radius: var(--border-radius-8);
  margin: var(--margin-auto);
  padding: 15px;
}

.tanding_pro_des a {
  padding: 20px;
  padding-top: 0;
}

.builder_name span {
  background: var(--white-color);
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  width: 50px;
  height: 32px;
  display: var(--display-flex);
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  margin-right: 10px;
}

.builder_name img {
  width: auto !important;
}

.property_location {
  line-height: 28px;
  font-size: 12px;
  display: -webkit-box;
  overflow: var(--overflow-hidden);
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: var(--text-transform-capitalize);
}

.property_location img {
  width: 14px !important;
  height: auto;
  margin-right: 6px;
  vertical-align: middle;
}

.tanding_pro_img {
  height: 200px;
  border-radius: var(--border-radius-8);
}

.tanding_pro_img img {
  width: var(--width-full);
  height: 100%;
  object-fit: cover;
  transition: var(--transition-04);
}

.builder_name {
  top: -10px;
  width: var(--width-full);
  text-transform: var(--text-transform-capitalize);
}

.tanding_pro_des a {
  color: var(--black-color);
  transition: var(--transition-04);
}

.tanding_pro_bx:hover .tanding_pro_des a h5 {
  color: #b63588;
  transition: var(--transition-04);
}

.tanding_pro_bx:hover .tanding_pro_img img {
  transform: scale(1.1);
}

.tanding_pro_des a h5 {
  margin-bottom: 10px;
}

.property_price {
  background: var(--bg-light-pink);
  padding: 5px 15px;
  border-bottom-right-radius: var(--border-radius-8);
  border-bottom-left-radius: var(--border-radius-8);
  left: 0;
  width: var(--width-full);
  bottom: 0;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-600);
  text-transform: var(--text-transform-capitalize);
}

.tanding_pro_bx:hover .property_price {
  color: var(--main-color);
  transition: var(--transition-04);
}

.tranding_property .owl-carousel .owl-nav {
  display: var(--display-flex);
  justify-content: var(--justify-between);
  position: absolute;
  left: -20px;
  right: -20px;
  top: 30%;
}

.tranding_property .owl-carousel .owl-nav button {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg-light-pink);
}

.tranding_property .owl-carousel .owl-nav button span {
  font-size: 0;
  background-image: url('../images/angle-right.svg');
  background-size: contain;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  filter: invert(1);
}

.tranding_property .owl-carousel .owl-nav button.owl-prev span {
  transform: rotate(180deg);
}

.tranding_property .owl-carousel .owl-nav button:hover {
  background: var(--main-color);
}

.tranding_property .owl-carousel .owl-nav button:hover span {
  filter: none;
}

.city_popular {
  background: var(--bg-light-pink);
  padding: 50px 0;
}

#city_slider .owl-thumbs {
  position: absolute;
  top: -130px;
  right: 30px;
}

#city_slider .owl-thumbs .owl-thumb-item {
  height: 100px;
  width: var(--width-full);
  max-width: 140px;
  background: transparent;
  border: none;
  overflow: hidden;
}

#city_slider .owl-thumbs .owl-thumb-item img {
  width: var(--width-full);
  height: 100%;
  object-fit: cover;
}

#city_slider {
  padding-top: 40px;
}

#city_slider .owl-thumb-item.active {
  border: 2px solid #b63588;
}

#city_slider .owl-thumb-item {
  padding: 0;
  border-radius: 5px;
  margin-right: 15px;
}

.city_slider_bx {
  background: var(--bg-pink);
  border-radius: var(--border-radius-8);
  padding: 15px;
}

.city_slider_img {
  border-radius: var(--border-radius-8);
  flex-basis: 60%;
  height: 480px;
}

.city_slider_img img {
  width: var(--width-full);
  height: 100%;
  object-fit: cover;
}

.project_price {
  left: 0;
  width: var(--width-full);
  bottom: 0;
  padding: 20px;
  font-size: var(--h4-font-size);
  color: var(--white-color);
  font-weight: var(--font-weight-600);
  z-index: 1;
}

.project_price::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9389005602240896) 100%);
  height: 300px;
  content: '';
  bottom: 0;
  left: 0;
  width: var(--width-full);
  position: absolute;
  z-index: -1;
}

.city_slider_des {
  flex-basis: 38%;
  padding: 15px;
}

.city_slider_des .builder_name {
  color: var(--white-color);
  margin-bottom: 20px;
  font-size: 15px;
}

.about_city_slider h3,
.about_city_slider h4 {
  color: var(--white-color);
}

.about_city_slider h3 {
  padding-bottom: 10px;
}

.about_city_slider h4 a {
  color: var(--white-color);
}

.about_city_slider .property_location {
  color: var(--white-color);
  font-size: 16px;
  padding: 5px 0;
}

.about_city_slider .property_location img {
  filter: invert(1) brightness(12);
  width: 16px !important;
}

.abt_des {
  color: var(--white-color);
  padding-top: 15px;
  padding-bottom: 30px;
  font-size: var(--font-size-md);
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: var(--overflow-hidden);
}

.city_popular .owl-carousel .owl-nav {
  left: 6%;
  right: 6%;
  top: 40%;
}

.city_popular .owl-carousel .owl-nav button {
  width: 70px;
  height: 70px;
  border: 2px solid var(--main-color);
}

.city_popular .owl-carousel .owl-nav button span {
  width: 30px;
  height: 30px;
}

.city_popular .btn-main {
  background: var(--white-color);
  color: var(--main-color);
  padding: 14px 30px;
}

.city_popular .btn-main:hover {
  background: var(--black-color);
  color: var(--white-color);
}

.city_popular .owl-item .city_slider_bx::after {
  background: linear-gradient(
    180deg,
    rgba(180, 39, 126, 0.37307422969187676) 0%,
    rgba(180, 39, 126, 1) 70%
  );
  position: var(--position-absolute);
  top: 0;
  width: var(--width-full);
  left: 0;
  height: 100%;
  content: '';
  z-index: 2;
  border-radius: 8px;
}

.city_popular .owl-item.active.center .city_slider_bx::after {
  display: none;
}

.exclusive_pro_bx .property_price {
  background: none;
  border-radius: 0;
  padding: 10px 0;
  padding-top: 20px;
}

.exclusive_property .tanding_pro_des {
  flex-basis: 50%;
  width: 50%;
  bottom: 0;
  box-shadow: none;
  border-radius: 0;
  padding: 10px;
}

.exclusive_property .tanding_pro_img {
  flex-basis: 50%;
  height: 185px;
}

.exclusive_property .exclusive_pro_bx {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  border-radius: var(--border-radius-8);
  background: var(--white-color);
}

.exclusive_property ul {
  display: var(--display-grid);
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.exclusive_property .builder_name {
  font-size: 12px;
}

.exclusive_property .property_location {
  line-height: 16px;
}

.exclusive_property .builder_name span {
  width: 32px;
}

.exclusive_property .owl-carousel .owl-nav {
  top: 40%;
}

.place_bx {
  border-radius: var(--border-radius-8);
  height: 270px;
}

.place_bx img {
  width: var(--width-full);
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: var(--transition-04);
}

.place_count {
  padding: 15px;
  left: 0;
  width: var(--width-full);
  bottom: 0;
  z-index: 1;
}

.place_count::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9389005602240896) 100%);
  height: 115px;
  content: '';
  bottom: 0;
  left: 0;
  width: var(--width-full);
  position: absolute;
  z-index: -1;
}

.place_count img {
  width: 15px !important;
  height: auto !important;
  object-fit: contain;
  margin-right: 6px;
}

.place_count p {
  display: flex;
}

.place_bx a {
  color: var(--white-color);
}

.place_bx h5 {
  font-weight: var(--font-weight-medium);
  transition: var(--transition-04);
}

.place_bx:hover h5 {
  color: var(--main-color);
}

.place_bx:hover .place_imgs {
  transform: scale(1.1);
}

.places_rw .owl-dots {
  display: var(--display-flex);
  justify-content: var(--justify-center);
  margin-top: 30px !important;
}

.places_rw .owl-dots button {
  border: 2px solid var(--black-color);
  border-radius: 50%;
  height: 18px;
  width: 18px;
  display: var(--display-flex) !important;
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  padding: 0 !important;
  margin: 0 3px;
}

.places_rw .owl-dots button span {
  height: 8px !important;
  width: 8px !important;
  background: var(--black-color) !important;
  display: inline-table !important;
  margin: 0 !important;
}

.places_rw .owl-dots button.active {
  border-color: var(--main-color) !important;
}

.places_rw .owl-dots button.active span {
  background: var(--main-color) !important;
}

.why_ikan ul {
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.why_ikan ul li {
  text-align: center;
}

.why_icon {
  height: 100px;
  width: 100px;
  margin: 0 auto;
  background: var(--bg-light-pink);
  display: var(--display-flex);
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  border-radius: var(--border-radius-8);
  transition: var(--transition-04);
}

.why_des {
  margin-top: 20px;
}

.why_des h4 {
  padding-bottom: 8px;
}

.why_ikan ul li:hover .why_icon {
  background: var(--main-color);
}

.why_ikan ul li:hover .why_icon img {
  filter: invert(1) brightness(12);
}

.news_big {
  flex-basis: 48.8%;
}

.news_img {
  border-radius: var(--border-radius-8);
  height: 240px;
}

.news_img img {
  width: var(--width-full);
  height: 100%;
  object-fit: cover;
  transition: var(--transition-04);
}

.news_des {
  padding-top: 20px;
}

.news_des a {
  color: var(--black-color);
  transition: var(--transition-04);
}

.news_des a h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: var(--overflow-hidden);
  margin-bottom: 15px;
  -webkit-line-clamp: 1;
}

.news_date {
  font-size: 12px;
  margin-bottom: 15px;
  line-height: 16px;
}

.news_date img {
  margin-right: 6px;
}

.news_txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: var(--overflow-hidden);
  line-height: 28px;
  font-size: 16px;
  margin-bottom: 15px;
}

.news_big:hover .news_img img,
.news_sml ul li:hover .news_img img {
  transform: scale(1.1);
}

.news_big:hover .news_des a,
.news_sml ul li:hover .news_des a {
  color: var(--main-color);
}

.read_nore a {
  color: var(--main-color);
  transition: var(--transition-04);
  font-size: 12px;
  text-transform: capitalize;
  line-height: 16px;
  font-weight: var(--font-weight-600);
  display: var(--display-flex);
  align-items: var(--align-center);
}

.news_sml ul li {
  display: var(--display-flex);
  align-items: var(--align-center);
  margin-bottom: 35px;
}

.news_sml ul li:last-child {
  margin-bottom: 0;
}

.news_sml {
  flex-basis: 48.8%;
}

.news_sml ul li .news_img {
  height: 200px;
  flex-basis: 25%;
}

.news_sml ul li .news_des {
  flex-basis: 75%;
  padding-left: 30px;
  text-align: left;
}

.view_all_btn {
  margin-top: 30px;
}

.view_all_btn .btn-main {
  padding: 14px 40px;
}

.youtube_testimonial {
  margin: 0 auto;
  max-width: 790px;
}

.youtube_testimonial span {
  top: 38%;
  left: 0;
  text-align: center;
  right: 0;
}
.youtube_testimonial a {
  height: 100%;
}
.youtube_testimonial span img {
  width: 100px !important;
  margin: 0 auto;
}

.txt_testimonial ul {
  padding: 15px;
}

.txt_testimonial ul li {
  flex-basis: 48.8%;
  background: var(--white-color);
  padding: 30px;
  box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.15);
  border-radius: var(--border-radius-10);
}

.txt_testimonial {
  margin-top: 30px;
}

.user_img {
  flex-basis: 12%;
}

.user_n {
  padding-left: 15px;
}

.user_n p {
  font-size: 12px;
  line-height: 16px;
}

.user_name {
  margin-bottom: 15px;
}

.user_txt {
  line-height: 28px;
  font-size: var(--font-size-sm);
}

.quote_img {
  right: 30px;
  top: 30px;
}

.testimonials_rw ul li {
  position: relative;
}

.testimonials_rw .container::after {
  background: var(--gray-bg);
  padding: 40px;
  border-radius: var(--border-radius-10);
  bottom: -45px;
  left: 0;
  width: var(--width-full);
  content: '';
  height: 450px;
  position: absolute;
  z-index: -1;
}

.blog_rw {
  margin-top: 90px;
}

.blog_rw .news_img {
  flex-basis: 32%;
  height: 270px;
}

.blog_rw .news_date {
  width: 15px !important;
  width: 100% !important;
}

.blog_rw .news_date img {
  width: 14px !important;
}

.blog_rw .news_des {
  flex-basis: 68%;
  padding: 15px;
}

.blog_rw .read_nore img {
  width: 12px !important;
}

.footer_in {
  grid-template-columns: 22% 1fr 1fr 1fr 22%;
  gap: 40px;
}

.footer_rw {
  background: var(--black-color);
  padding-top: 50px;
}

.footer_abt p {
  font-size: 14px;
  line-height: 24px;
  padding: 20px 0;
  color: var(--white-color);
}

.social ul li a {
  display: var(--display-flex);
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  border-radius: 4px;
  height: 32px;
  width: 32px;
  background: var(--main-color);
  margin-right: 12px;
  transition: var(--transition-04);
}

.social ul li a:hover {
  background: var(--white-color);
}

.social ul li a:hover img {
  filter: invert(1);
}

.social ul li:last-child a {
  margin-right: 0;
}

.footer_rw h4 {
  padding-bottom: 20px;
  color: var(--white-color);
}

.quick_links ul li {
  padding-bottom: 5px;
}

.quick_links ul li:last-child {
  padding-bottom: 0px;
}

.quick_links ul li a {
  color: var(--white-color);
  text-transform: var(--text-transform-capitalize);
  transition: var(--transition-04);
  line-height: 30px;
  font-size: var(--font-size-15);
}

.quick_links ul li a:hover {
  color: var(--main-color);
}

.contact_footer ul li {
  padding-bottom: 15px;
}

.contact_footer ul li a {
  text-transform: none;
}

.contact_footer ul li {
  position: relative;
  padding-left: 15px;
}

.contact_footer ul li img {
  left: -15px;
  top: 5px;
}

.copyright {
  margin-top: 50px;
  padding: 15px 0;
  line-height: 28px;
  font-size: var(--font-size-15);
  color: var(--white-color);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#arrowup {
  right: 20px;
  bottom: 140px;
  display: var(--display-flex);
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  background: var(--main-color);
  border-radius: 4px;
  height: 42px;
  width: 42px;
  z-index: 2;
}

.chats {
  right: 20px;
  bottom: 20px;
  z-index: 2;
}

.sidebar {
  width: 280px;
  background: var(--bg-light-pink);
  top: 0;
  height: 100%;
  right: 0;
  z-index: 999;
  right: -280px;
}

.sidebar_head {
  padding: 15px;
  border-bottom: 1px solid rgb(0, 0, 0, 0.15);
}

.sidebar_head_right {
  padding-left: 10px;
  flex-basis: 78%;
}

.sidebar_head_right ul li {
  font-size: 12px;
  line-height: 18px;
}

.sidebar_head_left {
  width: 22%;
}

.sidebar_head .btn-main {
  margin-top: 15px;
  width: var(--width-full);
  font-size: 14px;
}

.sidebar_footer {
  padding: 15px;
  border-top: 1px solid rgb(0, 0, 0, 0.15);
  position: absolute;
  bottom: 0;
  width: var(--width-full);
  left: 0;
  background: var(--bg-light-pink);
}

.sidebar_menus {
  padding: 15px;
  height: 70vh;
  overflow: hidden;
  overflow-y: auto;
}

.sidebar_menus::-webkit-scrollbar {
  width: 5px;
}

.sidebar_menus::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.sidebar_menus::-webkit-scrollbar-thumb {
  background: var(--main-color);
}

.sidebar_menus ul li {
  padding-bottom: 20px;
}

.sidebar_menus ul li:last-child {
  padding-bottom: 0px;
}

.sidebar_menus ul li a {
  color: var(--black-color);
  text-transform: var(--text-transform-capitalize);
  transition: var(--transition-04);
  font-size: var(--font-size-md);
}

.sidebar_menus ul li a svg {
  margin-right: 5px;
  vertical-align: middle;
  width: 14px;
}

.sidebar_menus ul li a:hover {
  color: var(--main-color);
}

.close_btn {
  right: 15px;
  top: 15px;
  z-index: 2;
}

.close_btn button {
  border: var(--border-none);
  background: none;
  padding: var(--padding-0);
  color: var(--main-color);
  cursor: var(--cursor-pointer);
}

.locality_area img {
  filter: invert(1) brightness(0);
  margin-right: 6px;
}

.top_search {
  background: rgb(182, 53, 136, 0.15);
  border-radius: 4px;
  width: 700px;
  padding: 4px 6px;
}

.property_select {
  border-right: 1px solid rgb(0, 0, 0, 0.2);
  margin-right: 10px;
  padding-right: 10px;
  width: 100px;
}

.property_select select {
  border: var(--border-none);
  background: var(--background-none);
  font-weight: var(--font-weight-medium);
}

.search_tags {
  width: 90%;
}

.search_tags input {
  width: var(--width-full);
  border: var(--border-none);
  padding: 6px;
  background: var(--background-none);
  color: var(--black-color);
}

.search_tags button {
  border: var(--border-none);
  background: var(--background-none);
  padding: var(--padding-0);
  position: absolute;
  right: 0;
  top: 2px;
}

.top_wishlist a {
  display: var(--display-flex);
  align-items: var(--align-center);
  color: #000000;
  transition: var(--transition-04);
  font-weight: var(--font-weight-medium);
}

.top_wishlist a:hover {
  color: var(--main-color);
}

.top_wishlist a svg {
  margin-right: 5px;
  width: 15px;
  height: 15px;
}

.top_filter {
  background: rgb(182, 53, 136, 0.15);
  padding: 10px 0;
  margin-top: 61px;
}

.top_filter .container {
  max-width: 1350px;
}

.top_filter select {
  border-radius: 3px;
  background: var(--white-color);
  color: var(--black-color);
  padding: 10px;
  border: var(--border-none);
  font-size: 13px;
}

.top_filter ul li {
  margin-right: 15px;
}

.n_project a {
  color: var(--black-color);
  text-transform: var(--text-transform-capitalize);
  background: var(--white-color);
  padding: 10px;
  border-radius: 3px;
  display: inline-table;
  font-size: 13px;
}

.property_list {
  padding-top: 30px;
}

.bredcumbs {
  font-size: 12px;
  text-transform: capitalize;
  font-weight: var(--font-weight-medium);
  line-height: 16px;
}

.bredcumbs_left a {
  color: var(--black-color);
  transition: var(--transition-04);
}

.bredcumbs_left a:hover {
  color: var(--main-color);
}

.bredcumbs_left span img {
  filter: invert(1);
}

.bredcumbs_left span {
  line-height: 0px;
  padding: 0 6px;
}

.sorting {
  margin-top: 20px;
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.sorting .breadcrumb_right {
  background: var(--white-color);
  border-radius: var(--border-radius-5);
  width: max-content;
  cursor: var(--cursor-pointer);
}

.sorting .breadcrumb_right span {
  padding-right: 2px;
  display: var(--display-flex);
  align-items: var(--align-center);
  padding: 5px;
}

.sorting .breadcrumb_right select {
  padding: 8px 10px;
  border: none;
  border-radius: var(--border-radius-5);
  padding-left: 0;
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  cursor: var(--cursor-pointer);
}

.property_list_left {
  width: 65%;
}

.property_list .container {
  max-width: 1350px;
}

.property_list_bx {
  margin-bottom: 15px;
  background: var(--white-color);
  padding: 12px;
  border-radius: var(--border-radius-10);
  box-shadow: 0px 0px 4px rgb(0, 0, 0, 0.1);
}

.list_bx_left {
  flex-basis: 30%;
}

.list_imgs {
  height: 282px;
  border-radius: var(--border-radius-10);
}

.list_imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.list_bx_left .owl-dots {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
}

.list_bx_left .owl-nav {
  position: absolute;
  top: 42%;
  left: 0;
  width: var(--width-full);
}

.list_bx_left .owl-theme .owl-dots .owl-dot span {
  height: 6px;
  width: 6px;
  background: var(--white-color);
  margin: 4px;
}

.list_bx_left .owl-theme .owl-dots .owl-dot.active span {
  background: var(--main-color);
}

.list_bx_left .owl-nav .owl-prev {
  position: var(--position-absolute);
  left: 15px;
}

.list_bx_left .owl-nav .owl-next {
  position: var(--position-absolute);
  right: 15px;
}

.list_bx_left .owl-carousel .owl-nav button span {
  font-size: 0;
  background-size: contain;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
}

.list_bx_left .owl-carousel .owl-nav button {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--background-none);
  margin: 0;
}

.list_bx_left .owl-nav .owl-prev span {
  background-image: url(../images/angle-right.svg);
  transform: rotate(180deg);
}

.list_bx_left .owl-nav .owl-next span {
  background-image: url(../images/angle-right.svg);
}

.list_bx_left .owl-carousel .owl-nav button:hover {
  background: var(--main-color);
}

.list_imgs::after {
  content: '';
  left: 0;
  width: 100%;
  bottom: 0;
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  height: 170px;
  border-bottom-right-radius: var(--border-radius-10);
  border-bottom-left-radius: var(--border-radius-10);
}

.list_bx_right {
  flex-basis: 70%;
  padding-left: 15px;
}

.share_compaire a {
  background: var(--main-color);
  border-radius: 50%;
  width: 26px;
  height: 26px;
  display: var(--display-flex);
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  color: #ffffff;
  margin-right: 10px;
  transition: var(--transition-04);
}

.share_compaire a:hover {
  background: var(--black-color);
}

.share_compaire a:last-child {
  margin-right: 0;
  font-weight: var(--font-weight-600);
}

.property_rate span {
  padding-left: 15px;
  margin-left: 15px;
  font-size: 13px;
  color: var(--main-color);
  border-left: 1px solid #d9d9d9;
}

.group_name {
  padding-top: 10px;
  font-size: 12px;
}

.group_name .rera {
  border-radius: 2px;
  background: var(--bg-light-pink);
  padding: 4px;
  line-height: 8px;
  font-size: 10px;
  text-transform: var(--text-transform-uppercase);
  display: var(--display-flex);
  align-items: var(--align-center);
  margin-left: 5px;
}

.group_name .rera img {
  margin-left: 5px;
}

.project_name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: var(--overflow-hidden);
}

.project_name,
.short_features {
  margin-top: 10px;
}

.short_features {
  border-radius: var(--border-radius-5);
  background: var(--bg-light-pink);
  padding: 10px;
}

.short_features ul li {
  display: var(--display-flex);
  align-items: var(--align-center);
  position: var(--position-relative);
}

.short_features ul li::after {
  background: var(--main-color);
  content: '';
  position: var(--position-absolute);
  right: 20px;
  top: 0;
  width: 1px;
  height: 100%;
}

.short_features ul li:nth-child(3n + 3):after,
.short_features ul li:last-child:after {
  display: none;
}

.short_features_icon {
  display: var(--display-flex);
  align-items: var(--align-center);
  justify-content: var(--justify-center);
  background: rgb(182, 53, 136, 0.15);
  border-radius: 3px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.short_features_des small {
  font-size: 9px;
  text-transform: uppercase;
  line-height: 12px;
  font-weight: var(--font-weight-600);
}

.short_features_des p {
  font-size: 11px;
  line-height: 15px;
  font-weight: var(--font-weight-600);
  text-transform: var(--text-transform-uppercase);
}

.short_features ul {
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  padding-right: 35px;
}

.drop_features {
  right: 0;
  top: 0;
  height: 100%;
}

.drop_features a {
  padding: 3px;
  border-radius: var(--border-radius-5);
  background: var(--main-color);
  display: var(--display-flex);
  align-items: var(--align-center);
  justify-content: var(--justify-center);
  height: 100%;
  transition: var(--transition-04);
}

.drop_features a:hover {
  background-color: var(--black-color);
}

.drop_features a img {
  filter: invert(1) brightness(12);
  width: 24px;
}

.nearby_places {
  margin-top: 15px;
}

.nearby_places ul {
  padding-right: 35px;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.nearby_places ul li p {
  display: var(--display-flex);
  align-items: var(--align-center);
  font-size: 12px;
  line-height: 14px;
  text-transform: capitalize;
}

.nearby_places ul li p span {
  padding-left: 6px;
  line-height: normal;
}

.more_btn {
  right: 0px;
  top: 0;
}

.more_btn a {
  background: var(--main-color);
  border-radius: 4px;
  font-size: 12px;
  color: var(--white-color);
  padding: 2px 3px;
  transition: var(--transition-04);
}

.more_btn a img {
  filter: invert(1) brightness(12);
  vertical-align: middle;
  width: 16px;
}

.more_btn a:hover {
  background: var(--black-color);
}

.property_shdes {
  margin-top: 15px;
  font-size: 12px;
  line-height: 16px;
}

.property_shdes a {
  color: var(--main-color);
  font-weight: var(--font-weight-600);
  transition: var(--transition-04);
}

.property_shdes a:hover {
  color: var(--black-color);
}

.view_detailbtn {
  margin-top: 15px;
}

.builder_name {
  font-size: 12px;
}

.view_detailbtn .builder_name {
  flex-basis: 30%;
}

.view_detailbtn .btn_rw {
  flex-basis: 70%;
}

.btn_rw .btn-main {
  font-size: 14px;
  padding: 10px 15px;
}

.btn_rw .btn-main img {
  vertical-align: middle;
  margin-right: 5px;
}

.btn_rw .btn-main:first-child {
  background: var(--black-color);
  margin-right: 10px;
}

.property_list_bx:hover {
  box-shadow: 0px 0px 20px rgb(0, 0, 0, 0.1);
  transition: var(--transition-04);
}

.property_ads {
  width: 33%;
  background: var(--white-color);
  padding: 10px;
  border-radius: var(--border-radius-10);
  box-shadow: 0px 0px 4px rgb(0, 0, 0, 0.1);
}

.top_ads {
  border-radius: var(--border-radius-10);
  height: 200px;
}

.top_ads img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition-04);
}

.top_ads:hover img {
  transform: scale(1.1);
}

.ads_container {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  color: var(--white-color);
  z-index: 1;
}

.ads_price {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-600);
}

.ads_builder {
  text-transform: var(--text-transform-capitalize);
  padding: 5px 0;
}

.ads_address {
  text-transform: var(--text-transform-capitalize);
  font-size: 12px;
  line-height: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: var(--overflow-hidden);
}

.ads_container .btn-main {
  font-size: 13px;
  padding: 9px 12px;
  flex-basis: 117px;
}

.ads_container .btn-main img {
  width: 15px !important;
  object-fit: contain;
  vertical-align: middle;
}

.ads_content {
  flex-basis: 66%;
}

.ads_container::after {
  content: '';
  left: 0;
  width: 100%;
  bottom: 0;
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  height: 170px;
  border-bottom-right-radius: var(--border-radius-10);
  border-bottom-left-radius: var(--border-radius-10);
  z-index: -1;
}

.top_ads a {
  color: var(--white-color);
}

.ads_list {
  margin-top: 15px;
}

.ads_list ul {
  grid-template-columns: repeat(auto-fit, minmax(150px, 2fr));
  gap: 15px;
}

.ads_list .tanding_pro_img {
  height: 120px;
}

.ads_list .tanding_pro_des a h5 {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 5px;
}

.ads_list ul .tanding_pro_des {
  bottom: 0;
}

details {
  border-radius: var(--border-radius-5);
  margin-bottom: 10px;
  overflow: hidden;
  transition: var(--transition-04);
}

summary {
  cursor: pointer;
  padding: 15px;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  background: var(--white-color);
  display: var(--display-flex);
  justify-content: var(--justify-between);
  align-items: var(--align-center);
  text-transform: var(--text-transform-capitalize);
}

summary::after {
  content: '';
  transition: transform 0.3s ease;
  background: url('../images/up-angle.svg') center center;
  width: 15px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(1) brightness(0);
}

details[open] summary::after {
  transform: rotate(180deg);
  transition: var(--transition-04);
}

details[open] summary::after {
  filter: none;
}

details .accordina_txt {
  padding: 15px;
  background: var(--white-color);
  padding-top: 0;
}

details .accordina_txt ul {
  list-style: disc;
  list-style-type: disc;
  padding-left: 15px;
  padding-top: 10px;
}

details .accordina_txt ul li {
  line-height: 28px;
}

.accordina_txt a {
  color: var(--main-color);
}

.ads_tag {
  background: rgba(0, 0, 0, 0.5);
  color: var(--white-color);
  border-radius: 20px;
  text-transform: capitalize;
  font-size: 10px;
  top: 15px;
  right: 15px;
  padding: 4px 7px;
  z-index: 1;
}

/*---------Project Details--------*/
.disclainer_txt h4 {
  padding-bottom: 15px;
}

.disclainer_txt p {
  font-size: 13px;
  line-height: 20px;
}

.read-more-toggle {
  display: var(--display-none);
}

.more-text {
  display: var(--display-none);
}

.read-more-toggle:checked ~ .more-text {
  display: var(--display-inline) !important;
}

.read-more-toggle:checked ~ .read-more-label .read-more {
  display: var(--display-none);
}

.read-more-toggle:checked ~ .read-more-label .read-less {
  display: var(--display-inline);
}

.read-less {
  display: var(--display-none);
}

.read-more-label {
  color: var(--main-color);
  cursor: var(--cursor-pointer);
  font-weight: var(--font-weight-medium);
}

.property_info_head {
  margin-top: 61px;
}

.property_info_head .container {
  max-width: 1350px;
}

.property_info_inner {
  background: var(--bg-light-pink);
  border-radius: var(--border-radius-10);
  padding: 15px;
}

.project_name_price {
  padding: 5px 0;
}

.sq_price {
  font-size: 12px;
  line-height: 16px;
}

.property_img_main {
  height: 530px;
  border-radius: var(--border-radius-10);
  flex-basis: 65%;
}

.property_img_main a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: var(--transition-04);
}

.property_img_main a {
  display: inline-table;
  height: 100%;
}

.property_img_main:hover a img {
  transform: scale(1.1);
}

.property_img_main .builder_name {
  bottom: 15px;
  left: 15px;
  top: inherit;
}

.property_img_main .share_compaire {
  right: 15px;
  top: 15px;
}

.property_img_main .share_compaire a {
  height: 26px;
  display: var(--display-flex);
}

.property_img_main .share_compaire a img {
  width: 18px;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
}

.property_img_main:hover .share_compaire a img {
  transform: inherit;
}

.property_img_short {
  flex-basis: 35%;
  padding-left: 30px;
}

.property_img_short ul li {
  position: var(--position-relative);
  margin-bottom: 30px;
  overflow: var(--overflow-hidden);
  height: 250px;
  border-radius: var(--border-radius-10);
  cursor: var(--cursor-pointer);
}

.property_img_short ul li img {
  height: 100%;
  width: var(--width-full);
  object-fit: cover;
  transition: var(--transition-04);
}

.property_img_short ul li:hover img {
  transform: scale(1.1);
}

.property_img_short ul li:last-child {
  margin-bottom: 0;
}

.property_img_short ul li:last-child span {
  color: var(--white-color);
  text-transform: var(--text-transform-uppercase);
  position: var(--position-absolute);
  top: 45%;
  left: 0;
  right: 0;
  display: var(--display-flex);
  align-items: var(--align-center);
  justify-content: var(--justify-center);
  z-index: 2;
}

.property_img_short ul li span img {
  height: auto;
  object-fit: contain;
  width: 18px;
  margin-right: 5px;
}

.property_img_short ul li:last-child::after {
  background: rgb(182, 53, 136, 0.6);
  content: '';
  position: var(--position-absolute);
  left: 0;
  width: var(--width-full);
  height: 100%;
}

.project_main {
  padding-top: 15px;
}

.project_main .container,
.project_nav .container,
.about_project .container {
  max-width: 1350px;
}

.project_oth {
  padding: 15px 0;
}

.project_oth .property_info_inner {
  padding: 30px;
}

.project_oth .property_info_inner ul {
  grid-template-columns: repeat(auto-fit, minmax(150px, 5fr));
  gap: 15px;
}

.project_oth .property_info_inner ul li {
  text-align: center;
}

.project_oth .pr_type {
  font-size: 18px;
  font-weight: var(--font-weight-600);
  padding-bottom: 5px;
}

.pr_type_name {
  font-size: 14px;
}

.pr_type select {
  background: rgba(180, 39, 126, 0.15);
  border: var(--border-none);
  font-size: 12px;
  width: 50px;
  border-radius: 2px;
  margin-left: 10px;
}

.project_nav {
  border-top: 1px solid #d9d9d9;
  box-shadow: 0px 6px 8px rgb(0, 0, 0, 0.1);
  position: sticky;
  top: 60px;
  z-index: 2;
}

.project_nav a {
  text-transform: var(--text-transform-uppercase);
  color: var(--black-color);
  transition: var(--transition-04);
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  margin-right: 30px;
  padding: 16px 20px;
  display: inline-table;
}

.project_nav ul {
  white-space: nowrap;
  overflow: hidden;
  position: var(--position-relative);
}

.next_prv_btn {
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
}

.next_prv_btn button {
  background: linear-gradient(90deg, rgba(180, 39, 126, 0) 0%, rgba(180, 39, 126, 1) 70%);
  height: 100%;
  display: inline-flex;
  width: 54px;
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  padding: 0;
  border: var(--border-none);
  cursor: var(--cursor-pointer);
}

.next_prv_btn button img {
  filter: invert(1) brightness(12);
  width: 30px;
}

.next_prv_btn .prev_btn {
  transform: rotate(180deg);
  position: var(--position-absolute);
  left: 0;
  height: 100%;
  top: 0;
}

.next_prv_btn .next_btn {
  position: var(--position-absolute);
  right: 0;
  height: 100%;
  top: 0;
}

.project_nav ul li a.active,
.project_nav ul li a:hover {
  color: var(--main-color);
}

.wh_bx {
  background: var(--white-color);
  border-radius: var(--border-radius-10);
  padding: 15px;
  box-shadow: 0px 0px 15px rgb(0, 0, 0, 0.2);
}

.property_descriptions {
  width: 69%;
}

.book_now_form {
  width: 31%;
  padding-left: 30px;
}

.sub_head {
  margin-bottom: 20px;
}

.sub_head .btn-main {
  font-size: 13px;
  width: 115px;
  padding: 4px 10px;
  position: relative;
  padding-left: 30px;
  border-radius: var(--border-radius-5);
}

.sub_head .btn-main img {
  vertical-align: middle;
  margin-right: 5px;
  position: absolute;
  left: 10px;
  top: 9px;
}

.overview_txt {
  line-height: 28px;
}

.overview_txt a {
  color: var(--main-color);
  font-weight: var(--font-weight-medium);
}

.project_overview .short_features {
  background: var(--background-none);
  padding: var(--p-0);
  border-radius: var(--border-none);
  margin-top: 20px;
}

.project_overview .short_features ul {
  grid-template-columns: repeat(4, 1fr);
  padding-right: 0;
}

.project_overview .short_features ul li::after {
  display: none;
}

.project_overview .short_features_icon {
  height: 40px;
  width: 40px;
}

.project_overview .short_features_icon img {
  width: 25px;
}

.project_overview .short_features_des small {
  text-transform: capitalize;
  font-size: 12px;
  font-weight: var(--font-weight-normal);
}

.project_overview .short_features_des p {
  font-size: 15px;
  line-height: 26px;
  text-transform: capitalize;
  font-weight: var(--font-weight-normal);
}

.button_rw {
  margin-top: 20px;
}

.button_rw .btn-main {
  padding: 10px 30px;
  margin-right: 15px;
  background: var(--black-color);
}

.button_rw .btn-main:last-child {
  margin-right: 0;
  background: var(--main-color);
}

.button_rw .btn-main img,
.button_rw .btn-main svg {
  vertical-align: middle;
  margin-right: 6px;
}

.button_rw .btn-main:nth-child(2) img {
  filter: invert(1) brightness(12);
}

.project_aminities ul {
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

.project_aminities ul li {
  display: var(--display-flex);
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  flex-direction: var(--flex-column);
  background: var(--bg-light-pink);
  height: 100px;
  border-radius: var(--border-radius-5);
}
.project_aminities ul li .ami_icon img {
  filter: invert(1) brightness(0);
}

.ami_name {
  margin-top: 10px;
}

.ami_name {
  font-size: 13px;
  text-transform: var(--text-transform-capitalize);
  font-weight: var(--font-weight-medium);
}

.project_aminities ul li:last-child {
  background: var(--main-color);
  color: var(--white-color);
  cursor: var(--cursor-pointer);
}

.project_aminities ul li:last-child .ami_name img {
  filter: invert(1) brightness(12);
}

.tabs_container ul {
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
  flex-basis: 86%;
  padding-right: 30px;
}

.tabs_container ul li a,
.site_view a {
  text-transform: var(--text-transform-capitalize);
  font-weight: var(--font-weight-medium);
  background: var(--white-color);
  border-radius: var(--border-radius-5);
  padding: 15px;
  height: 80px;
  border: 1px solid var(--black-color);
  border-bottom: 2px solid var(--black-color);
}

.tabs_container ul li a,
.site_view a {
  text-align: center;
  display: var(--display-flex);
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  flex-direction: var(--flex-column);
  color: var(--black-color);
  box-shadow: 0px 0px 4px rgb(0, 0, 0, 0.1);
  transition: var(--transition-04);
}

.tabs_container ul li a .room_type {
  font-size: 13px;
}

.tabs_container ul li a .r_price,
.site_view a {
  font-size: var(--font-size-md);
}

.site_view {
  flex-basis: 14%;
}

.tabs_container ul li a.active,
.tabs_container ul li a:hover,
.site_view a.active,
.site_view a:hover {
  background: var(--bg-light-pink);
  color: var(--main-color);
  border-color: var(--bg-light-pink);
  border-bottom-color: var(--main-color);
}

.tabs_container_inner {
  border-bottom: 1px solid #d9d9d9;
  margin-top: 15px;
}

.tabs_container_inner ul {
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
}

.tabs_container_inner a {
  text-transform: var(--text-transform-capitalize);
  color: var(--black-color);
  padding: 10px 15px;
  display: var(--display-inline);
  text-align: center;
  position: var(--position-relative);
  transition: var(--transition-04);
}

.tabs_container_inner a.active {
  color: var(--main-color);
}

.tabs_container_inner a.active::after,
.tabs_container_inner a:hover::after {
  border-bottom: 1px solid var(--main-color);
  content: '';
  left: 0;
  bottom: 0;
  width: var(--width-full);
  position: var(--position-absolute);
}

.tabs_content {
  padding: 15px;
}

.plan_img {
  max-width: 70%;
  margin: 0 auto;
}

.f_price {
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-md);
}

.ch_mr {
  top: 15px;
  right: 0;
  height: 97%;
  bottom: 15px;
}

.ch_mr ul {
  border-radius: 36px;
  background: var(--bg-light-pink);
  padding: 5px;
}

.ch_mr ul li a {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  display: var(--display-flex);
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  background: transparent;
  font-weight: var(--font-weight-medium);
  color: var(--black-color);
  font-size: var(--font-size-md);
  text-transform: var(--text-transform-uppercase);
}

.ch_mr ul li a.active {
  background: var(--main-color);
  color: var(--white-color);
}

.cm_vastu {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: var(--main-color);
  display: var(--display-flex);
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  margin-top: 10px;
}

.rotate_icon {
  display: var(--display-flex);
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  height: 75px;
  width: 75px;
  background: var(--bg-light-pink);
  cursor: var(--cursor-pointer);
  border-radius: var(--border-radius-5);
}

.rotate_plan .thrd_td {
  margin-left: 10px;
}

.property_locations iframe {
  width: var(--width-full);
  height: 380px;
}

.mrt-20 {
  margin-top: 20px;
}

.abt_location .short_features ul {
  gap: 15px;
}

.abt_location .short_features_icon {
  background: var(--main-color);
}

.abt_location .short_features_des p {
  font-size: 14px;
  font-weight: var(--font-weight-medium);
}

.about_builders .short_features_des {
  background: var(--bg-light-pink);
  border-radius: 4px;
  padding: 10px;
  width: var(--width-full);
}

.about_builders .short_features ul {
  grid-template-columns: repeat(4, 1fr);
  padding-right: 0;
}

.about_builders .short_features_des p {
  display: var(--display-flex);
  justify-content: var(--justify-between);
}

.calculator_rw .tabs_container_inner ul {
  grid-template-columns: repeat(4, 1fr);
}

.book_now_form {
  margin-left: 30px;
}

.frm_head {
  background: var(--bg-light-pink);
  border-radius: var(--border-radius-5);
  padding: 6.2px 10px;
  border: 2px solid var(--main-color);
  font-size: 12px;
  color: var(--main-color);
  font-weight: var(--font-weight-600);
  text-transform: var(--text-transform-capitalize);
}

.book_now_form h5 {
  padding-bottom: 10px;
  padding-top: 30px;
}

.book_now_form .builder_name h5 {
  font-size: 16px;
  line-height: 28px;
  padding: 0;
}

.form_heading {
  margin: 20px 0;
}

.book_now_form ul li {
  padding-bottom: 20px;
}

.book_now_form ul li:last-child {
  padding-bottom: 0px;
}

.book_now_form input,
.book_now_form select {
  border: none;
  border-bottom: 1px solid #d9d9d9;
  padding: 12px 0;
  width: var(--width-full);
  color: var(--black-color);
}

.book_now_form select {
  max-width: 80px;
}

.privacy_check input[type='checkbox'] {
  display: none;
  cursor: pointer;
  height: initial;
  width: initial;
  padding: 0;
}

.privacy_check label {
  position: relative;
  cursor: pointer;
}

.privacy_check a {
  color: var(--black-color);
  transition: var(--transition-04);
  text-transform: capitalize;
}

.privacy_check a:hover {
  color: var(--main-color);
}

.privacy_check label:before {
  content: '';
  background-color: transparent;
  border-radius: 3px;
  border: var(--border-none);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: var(--cursor-pointer);
  margin-right: 6px;
  background-color: var(--main-color);
}

.privacy_check input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 7px;
  width: 6px;
  height: 14px;
  border: solid var(--white-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.book_now_form ul li button {
  width: 100%;
  text-align: center;
}

.book_now_form ul li button img {
  vertical-align: middle;
  margin-right: 6px;
}

.book_now_form {
  position: sticky;
  top: 120px;
}

/*----------------About Us-----------*/
.inner_banner {
  margin-top: 60px;
  height: 500px;
}

.inner_banner img {
  width: var(--max-width);
  height: 100%;
  object-fit: cover;
}

.inner_brecumbs {
  bottom: 40px;
  left: 0;
  width: var(--max-width);
  z-index: 1;
}

.inner_brecumbs h1 {
  color: var(--white-color);
}

.ab_banner::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9389005602240896) 100%);
  height: 300px;
  content: '';
  position: var(--position-absolute);
  left: 0;
  width: var(--max-width);
  bottom: 0;
}

.tab_bx_img {
  flex-basis: 45%;
}

.tab_bx_des {
  flex-basis: 55%;
  padding-left: 40px;
}

.about_one {
  width: 80%;
  height: 250px;
  border-radius: var(--border-radius-10);
}

.about_sec {
  width: 75%;
  right: 0;
  bottom: 0;
  height: 300px;
  border-radius: var(--border-radius-10);
}

.about_one img,
.about_sec img {
  width: var(--max-width);
  height: 100%;
  object-fit: cover;
}

.tab_bx_des p {
  padding-bottom: 15px;
}

.tab_bx_des p:last-child {
  padding-bottom: 0px;
}

.bx_common {
  background: var(--bg-light-pink);
  border-radius: var(--border-radius-10);
  padding: 15px;
  width: 31.5%;
}

.bx_common_icon {
  height: 42px;
  width: 42px;
  border-radius: var(--border-radius-5);
  background: var(--bg-pink);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}

.bx_common_icon img {
  filter: invert(1) brightness(12);
}

.bx_common_head {
  margin-bottom: 15px;
}

.awardrec ul li {
  line-height: 26px;
  padding-bottom: 10px;
  padding-left: 25px;
  position: relative;
}

.awardrec ul li::after {
  background-image: url('../images/check.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 16px;
  width: 16px;
  background-color: transparent;
  top: 5px;
  left: 0px;
  position: absolute;
  content: '';
}

/*-------------News & Articles------------*/
.news_list .news_sml {
  border-top: 1px solid #d9d9d9;
  padding-top: 50px;
}

.news_list ul {
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.news_list .news_sml ul li .news_img {
  height: 170px;
  flex-basis: 30%;
}

.news_list .news_sml ul li .news_des {
  flex-basis: 70%;
  padding-top: 0;
}

.pagination ul {
  gap: 10px;
}

.pagination ul li {
  margin: 0 !important;
}

.pagination ul li a {
  color: #000000;
  font-weight: 500;
  transition: ease-in-out 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  border-radius: var(--border-radius-5);
}

.pagination ul li a:hover {
  color: #b63588;
}

.pagination ul li:first-child a,
.pagination ul li:last-child a {
  border: 1px solid #b63588;
}

.pagination ul li:first-child a img {
  transform: rotate(180deg);
}

.pagination ul li a.active,
.pagination ul li a:hover {
  background: #b63588;
  color: #ffffff;
}

.pagination ul li:first-child:hover a img,
.pagination ul li:last-child:hover a img {
  filter: invert(0) brightness(12);
}

/*---------News Details---------*/
.blog_list_rw {
  margin-top: 80px;
}

.blog_list_rw .bredcumbs {
  background: var(--bg-light-pink);
  padding: 8px 15px;
  border-radius: var(--border-radius-5);
  margin-bottom: 30px;
}

.blog_list.d-grid {
  grid-template-columns: 70% 30%;
  gap: 30px;
}

.blog_lg {
  height: 438px;
  border-radius: var(--border-radius-10);
}

.blog_description .blog_name {
  margin-top: 30px;
  margin-bottom: 20px;
}

.blog_description .blog_name .b_date {
  padding-top: 10px;
}

.blog_txt p {
  padding-bottom: 15px;
}

.blog_txt h3 {
  padding: 15px 0;
}

.more_blog_img {
  margin: 15px 0;
}

.blog_txt ul {
  padding: 15px 0;
  padding-left: 25px;
}

.blog_txt ul li {
  line-height: 36px;
  position: var(--position-relative);
}

.blog_txt ul li::after,
.post_info ul li::after,
.privacy_policy .ct_form_inner ul li::after {
  background-image: url('../images/check.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 18px;
  width: 18px;
  background-color: transparent;
  top: 7px;
  left: -25px;
  content: '';
  position: var(--position-absolute);
}

.blog_txt p:last-child {
  padding-top: 0px;
}

.blog_txt a {
  color: var(--main-color);
}

.share_article {
  margin-top: 30px;
  border-top: 2px dashed #d9d9d9;
  border-bottom: 2px dashed #d9d9d9;
  padding: 15px 0;
}

.social_media a {
  display: var(--display-flex);
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  background: var(--main-color);
  height: 32px;
  width: 32px;
  border-radius: var(--border-radius-5);
  margin-right: 10px;
  transition: ease-in-out 0.4s;
}

.social_media a:hover {
  background: var(--black-color);
}

.blog_description .blog_name .b_date img {
  margin-right: 6px;
}

.recent_blogs h2 {
  font-size: 26px;
  padding-bottom: 20px;
  line-height: 32px;
}

.blog_lg img {
  width: var(--width-full);
  height: 100%;
  object-fit: cover;
}

.blog_description .blog_name .b_date {
  padding-top: 10px;
}

.recent_blogs .news_list .news_sml ul li .news_img {
  height: 130px;
}

.recent_blogs .news_des a h4 {
  font-size: 15px;
  line-height: 24px;
}

.recent_blogs .news_txt {
  margin-bottom: 0;
  font-size: var(--font-size-sm);
  line-height: 22px;
}

.recent_blogs .news_sml ul li .news_des {
  padding-left: 15px;
}

.recent_blogs .news_date {
  font-size: 12px;
  margin-bottom: 10px;
  line-height: 16px;
}

/*---------Contact--------*/
.ct_form_rw {
  margin-top: 90px;
}

.ct_form_inner {
  gap: 40px;
  background: var(--bg-light-pink);
  border-radius: 10px;
  padding: 40px;
  grid-template-columns: 66.5% 30%;
}

.ct_form,
.ct_info {
  background: #ffffff;
  border-radius: 10px;
  padding: 30px;
}

.ct_form ul li.w-100 {
  flex-basis: 100%;
  margin-bottom: 15px;
  width: 100%;
}

.ct_form ul li {
  flex-basis: 48.5%;
  margin-bottom: 15px;
  position: relative;
}

.ct_form ul li input,
.compaire_search input[type='text'],
.ct_form ul li input[type='email'],
.ct_form ul li input[type='tel'],
.ct_form ul li input[type='phone'],
.ct_form ul li select,
.ct_form ul li textarea {
  height: 52px;
  border: 1px solid #efefef;
  width: 100%;
  background: #ffffff;
  padding: 10px 12px;
  color: #000000;
  font-family: 'Roboto';
  font-size: 15px;
  border-radius: 8px;
}

.ct_form ul li textarea {
  height: 100px;
  resize: none;
  font-family: 'Roboto';
}

.ct_code select {
  width: 32% !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 0 !important;
}

.ct_code input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.ct_info .heading h2 {
  font-size: 20px;
  line-height: 32px;
}

.ct_info p a {
  color: #000000;
  transition: ease-in-out;
}

.ct_info p a:hover {
  color: var(--main-color);
}

.ct_info .heading {
  margin-bottom: 12px;
}

.ct_info_inner {
  margin-bottom: 20px;
}

.ct_info_inner:last-child {
  margin-bottom: 0px;
}

.ct_form ul li a {
  color: #b63588;
  transition: ease-in-out 0.4s;
}

.our_offices ul {
  gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}

.our_offices ul li {
  height: 400px;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}

.office_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.office_txt {
  left: 0;
  right: 0;
  padding: 15px;
  text-align: center;
  bottom: 0;
  z-index: 1;
}

.office_img {
  height: 100%;
}

.our_offices ul li::after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  content: '';
  left: 0;
  width: 100%;
  height: 60%;
  bottom: 0;
  position: absolute;
}

.office_txt h3 {
  font-weight: 500;
  padding-bottom: 10px;
}

.office_txt h3,
.office_txt p {
  color: var(--white-color);
}

/*-----------Privacy Policy-----------*/
.privacy_policy {
  margin-top: 90px;
}

.privacy_policy .ct_form_inner ul {
  padding-left: 25px;
}

.privacy_policy .ct_form_inner ul li {
  line-height: 28px;
  padding-bottom: 15px;
  position: relative;
}

.privacy_policy .ct_form_inner ul li h3 {
  font-size: 18px;
  padding-bottom: 10px;
  line-height: 32px;
}

.privacy_policy .ct_form_inner ul ul {
  padding-top: 20px;
}

.privacy_policy .ct_form_inner ul ul li::after {
  display: none;
}

.privacy_policy .ct_form_inner ul ul li {
  list-style-type: disc;
}

.privacy_policy .ct_form_inner ul li a {
  color: #b63588;
}

.privacy_policy .ct_form_inner h2 {
  padding-bottom: 20px;
}
button.waark-carousel__dot {
  border: 2px solid var(--black-color);
  border-radius: 50%;
  height: 18px;
  width: 18px;
  display: var(--display-flex) !important;
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  padding: 0 !important;
  margin: 0 3px;
  background: none;
}
button.waark-carousel__dot::after {
  height: 8px !important;
  width: 8px !important;
  background: var(--black-color) !important;
  display: inline-table !important;
  margin: 0 !important;
  content: '';
  border-radius: 50%;
}
button.waark-carousel__dot.waark-carousel__dot--active {
  border-color: var(--main-color);
}
button.waark-carousel__dot.waark-carousel__dot--active::after {
  background: var(--main-color) !important;
}
#testimonials .waark-carousel__dots {
  bottom: -0px;
}
#testimonials ul li {
  margin-bottom: 30px;
}
.bredcumbs a {
  color: var(--black-color);
  transition: ease-in-out 0.4s;
}
.bredcumbs a:hover {
  color: var(--main-color);
}
.bredcumbs p span {
  vertical-align: middle;
  line-height: 12px;
}
/*-----------My Profile------------*/
.my_profile .left_menus {
  background: var(--white-color);
  border-radius: var(--border-radius-10);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  width: 25%;
  top: 100px;
}
.my_profile .login_form_inner {
  max-width: 100%;
  width: 100%;
}
.my_profile .left_menus ul li a {
  text-transform: var(--text-transform-capitalize);
  padding: 12px 15px;
  display: var(--display-flex);
  align-items: var(--align-center);
  transition: ease-in-out 0.4s;
  color: var(--black-color);
  font-size: 15px;
}
.my_profile .left_menus ul li a:hover,
.my_profile .left_menus ul li a.active {
  background: var(--bg-light-pink);
  color: var(--main-color);
}
.my_profile .left_menus ul li a img {
  margin-right: 8px;
}
.my_profile .left_menus ul li a:hover img,
.my_profile .left_menus ul li a.active img {
  filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(290deg) saturate(400%) brightness(85%);
}
.my_profile .l_form {
  width: 75%;
  margin-left: 40px;
  background: var(--white-color);
  border-radius: var(--border-radius-10);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  padding: 30px;
}
.visited_tables table th {
  background: #efefef;
}
.visited_tables table th,
.visited_tables table td {
  padding: 10px;
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.visited_tables table a span {
  height: 30px;
  width: 30px;
  display: var(--display-flex);
  justify-content: var(--justify-center);
  align-items: var(--align-center);
  background: var(--main-color);
  border-radius: 100%;
}
.visited_tables table a span img {
  filter: invert(1);
}
.visited_tables table a {
  color: var(--black-color);
}
.compaire_search {
  margin-bottom: 20px;
}
.compaire_property ul {
  gap: 15px;
  overflow-x: auto;
}
.compaire_property ul li {
  flex-basis: 31.5%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: var(--border-radius-8);
  padding: 10px;
  background: var(--white-color);
  position: relative;
}
.compaire_property ul li:first-child {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  box-shadow: 1px 0px 4px rgba(78, 78, 78, 0.25);
}
.compair_check {
  padding: 10px;
}
.emi_ts,
.prs_status {
  padding: 5px 0;
  line-height: 18px;
  font-size: 12px;
}
.com_property_price {
  background: none;
  border-radius: 0;
  padding: 5px 0;
}
.com_project_aminities ul {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.prs_status span {
  text-transform: uppercase;
}
.com_project_aminities ul li {
  text-align: center;
  padding: 4px;
  height: 64px;
}
.com_project_aminities ul li:first-child {
  position: relative;
  z-index: inherit;
  box-shadow: none;
}
.com_project_aminities ul li .ami_icon img {
  width: 20px;
}
.com_project_aminities ul li .ami_name {
  font-size: 8px;
  margin-top: 4px;
}
.compaire_property ul li .tanding_pro_img {
  height: 150px;
}
.compaire_property ul li .tanding_pro_des a {
  padding: 10px;
  color: var(--white-color);
  width: 100%;
}
.com_size_drp {
  background: #f1f1f1;
  padding: 8px;
  margin-bottom: 10px;
}
.com_size_drp select {
  background: var(--white-color);
  width: 100%;
  padding: 5px;
  font-size: 13px;
  border: none;
}
.compair_cls {
  top: 10px;
  right: 10px;
}
.user_img {
  height: 150px;
  width: 150px;
  margin: 30px auto;
  border: 5px solid rgba(0, 0, 0, 0.05);
  border-radius: 50%;
}
.user_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.edit_img {
  bottom: 0px;
  right: 15px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 1px 8px rgb(0, 0, 0, 0.2);
}
.user_img .edit_img img {
  width: 20px !important;
  height: auto !important;
  object-fit: contain !important;
}