/*
  Template Name: NewVilla - Real Estate HTML Template
  Author Name: Hook theme
  Author URL: https://themeforest.net/user/hooktheme
  Version: 1.0.0

  ----------------------------
  [Table of contents CSS] 
  ----------------------------

    1. Base CSS
    2. Header css
    3. Hero css
    4. About css
    5. Blog css
    6. Banner css
    7. Account css
    8. Add listing css
    9. Amenities css
    10. Categories css
    11. Contact css
    12. Featured css
    13. Footer css
    14. Gallery css
    15. Listing page css
    16. listing details css
    17. Location css
    18. Other css
    19. preloader css 
    20. Project css
    21. Property css
    22. Testimonial css

*/
/*
    1. Base CSS
*/
:root {
  --font-body-family: "Nunito", sans-serif;
  --font-heading-family: "Inter", sans-serif;
  --font-body-size: 1.6rem;
  --font-body-weight: 400;
  --font-heading-weight: 600;
  --font-headings-weight: 700;
  --font-line-height: 2.5rem;
  --transition: all 0.3s ease 0s;
  --duration-long: 500ms;
  --color-shadow: rgba(0, 0, 0, 0.1);
  --container-fluid-offset: 12rem;
  --color-background: #fff;
  --color-background-2: #26232a;
  --color-background-3: #f3f5fb;
  --color-background-4: #0b2c3d;

  --color-background-5: #edeef3;
  --color-background-6: #f5f5f5;
  --color-background-7: #f2f6f7;
  --color-background-8: #f8f7fc;
  --color-foreground: #26232a;
  --color-foreground-sub: #5e5f63;
  --color-border: #d9d9d9;
  --color-hover: #fa4a4a;
  --color-white: #fff;
  --st-body: #fff;
  --st-black: #000;
  /* --st-white: #fff; */
  --st-white: #ebc033;

  --st-theme: #c2df93;
  --st-theme2: #e3572d;
  --st-header: #16243e;
  --st-text: #555e72;
  --st-border: #fcfcfc;
  --st-bg: #fff9f6;
  --st-bg2: #f4f4f4;
  --st-box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
}

.color-offwhite {
  --color-foreground: #b4b4b4;
}

.color-accent-2 {
  --color-hover: #16a34a;
}

/* Common Style */
*,
*::after,
*::before {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

section {
  scroll-margin-top: 100px;
}

html,
body {
  min-height: 100%;
  margin: 0;
  font-size: 62.5%;
  padding: 0;
  text-align: justify;
}

body {
  font-family: var(--font-body-family);
  font-size: var(--font-body-size, 1.6rem);
  font-weight: var(--font-body-weight);
  font-style: normal;
  line-height: var(--font-line-height, 2.5rem);
  position: relative;
  visibility: visible;
  overflow-x: hidden;
  color: var(--color-foreground);
  background-color: var(--color-background);
}

@media only screen and (max-width: 767px) {
  body {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}

[data-aos="fade-up"] {
  transform: translate3d(0, 40px, 0);
  -webkit-transform: translate3d(0, 40px, 0);
  -moz-transform: translate3d(0, 40px, 0);
  -ms-transform: translate3d(0, 40px, 0);
  -o-transform: translate3d(0, 40px, 0);
}

.tooltip {
  font-size: 1.3rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: 600;
  margin: 0;
  font-family: var(--font-heading-family);
}

h1,
.h1 {
  font-size: 2.5rem;
  line-height: 3.2rem;
}

@media only screen and (min-width: 480px) {

  h1,
  .h1 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}

@media only screen and (min-width: 576px) {

  h1,
  .h1 {
    font-size: 3.5rem;
    line-height: 4rem;
  }
}

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

  h1,
  .h1 {
    font-size: 4rem;
    line-height: 4.5rem;
  }
}

@media only screen and (min-width: 992px) {

  h1,
  .h1 {
    font-size: 4.5rem;
    line-height: 5rem;
  }
}

@media only screen and (min-width: 1200px) {

  h1,
  .h1 {
    font-size: 5rem;
    line-height: 5.5rem;
  }
}

@media only screen and (min-width: 1366px) {

  h1,
  .h1 {
    font-size: 6rem;
    line-height: 6.5rem;
  }
}

h2,
.h2 {
  font-size: 2.2rem;
  line-height: 3.2rem;
}

@media only screen and (min-width: 576px) {

  h2,
  .h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
}

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

  h2,
  .h2 {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}

@media only screen and (min-width: 992px) {

  h2,
  .h2 {
    font-size: 3.5rem;
    line-height: 4.5rem;
  }
}

@media only screen and (min-width: 1200px) {

  h2,
  .h2 {
    font-size: 4rem;
    line-height: 5rem;
  }
}

@media only screen and (min-width: 1366px) {

  h2,
  .h2 {
    font-size: 4.2rem;
    line-height: 5.2rem;
  }
}

h3,
.h3 {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

@media only screen and (min-width: 576px) {

  h3,
  .h3 {
    font-size: 1.7rem;
    line-height: 2.5rem;
  }
}

@media only screen and (min-width: 992px) {

  h3,
  .h3 {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}

@media only screen and (min-width: 1200px) {

  h3,
  .h3 {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}

h4,
.h4 {
  font-size: 1.4rem;
  line-height: 2.2rem;
}

h5,
.h5 {
  font-weight: 400;
}

h6,
.h6 {
  font-weight: 400;
}

p,
.p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: var(--color-foreground);
}

@media only screen and (min-width: 1200px) {

  p,
  .p {
    margin-bottom: 1.5rem;
  }
}

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

  p,
  .p {
    font-size: 1.7rem;
    line-height: 2.8rem;
  }
}

p:last-child {
  margin-bottom: 0px;
}

a,
button {
  display: inline-block;
  cursor: pointer;
  transition: var(--transition);
  text-decoration: none;
  color: inherit;
}

a,
button,
img,
input,
textarea {
  transition: var(--transition);
}

*:focus {
  outline: none;
  box-shadow: none;
}

a:focus {
  text-decoration: none;
  outline: none;
}

a {
  color: var(--color-foreground);
}

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

button,
input[type="submit"] {
  cursor: pointer;
  font-size: var(--font-body-size);
  font-weight: var(--font-body-weight);
  line-height: var(--font-line-height);
}

input[type="number"] {
  -moz-appearance: textfield;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

span {
  display: inline-block;
  transition: var(--transition);
}

label {
  transition: var(--transition);
  display: block;
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
}

ul {
  margin: 0;
  padding: 0;
}

ul:last-child {
  margin-bottom: 0;
}

li {
  list-style: none;
  line-height: 1;
}

hr {
  border-top-width: 2px;
}

@media only screen and (min-width: 576px) {
  .container {
    max-width: 576px;
  }
}

@media only screen and (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media only screen and (min-width: 992px) {
  .container {
    max-width: 992px;
  }
}

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1320px;
  }
}

.container.max-w-1430 {
  max-width: 1460px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  /* padding-right: var(--bs-gutter-x, 1.5rem); */
  padding-right: 9.5rem;
  padding-left: 9.5rem;
}

.container-fluid {
  --offset-fluid: 1.5rem;
  padding-right: var(--offset-fluid);
  padding-left: var(--offset-fluid);
}

@media only screen and (min-width: 992px) {
  .container-fluid {
    --offset-fluid: 3rem;
  }
}

@media only screen and (min-width: 1366px) {
  .container-fluid {
    --offset-fluid: calc(var(--container-fluid-offset) / 4.5);
  }
}

@media only screen and (min-width: 1600px) {
  .container-fluid {
    --offset-fluid: calc(var(--container-fluid-offset) / 2.5);
  }
}

@media only screen and (min-width: 1800px) {
  .container-fluid {
    --offset-fluid: var(--container-fluid-offset);
  }
}

.container-fluid.width-100 {
  --offset-fluid: 0;
}

.row {
  margin-right: -1rem;
  margin-left: -1rem;
}

@media only screen and (min-width: 992px) {
  .row {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
}

.row>* {
  padding-right: 1rem;
  padding-left: 1rem;
}

@media only screen and (min-width: 992px) {
  .row>* {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

@media only screen and (max-width: 1199px) {
  .col-lg-order {
    order: 1;
  }

  .d-lg-none {
    display: none;
  }

  .d-lg-u-block {
    display: block !important;
  }
}

@media only screen and (max-width: 991px) {
  .d-md-none {
    display: none;
  }

  .d-md-flex {
    display: flex;
  }

  .col-md-order {
    order: 1;
  }

  .d-md-block {
    display: block !important;
  }

  .column-reverse-md {
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 575px) {
  .custom-col {
    width: 50%;
  }
}

@media only screen and (max-width: 479px) {
  .custom-col {
    width: 100%;
  }
}

/*
  Swiper navigation css
*/
.swiper:hover .swiper__nav--btn {
  opacity: 1;
  visibility: visible;
}

.swiper__nav--btn {
  width: 4rem;
  height: 4rem;
  background: inherit;
  border: 0;
  background: var(--color-hover);
  color: var(--color-white);
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  z-index: 9;
  margin-top: 0;
  transform: translatey(-50%);
}

.swiper__nav--btn.swiper-button-disabled {
  background: var(--color-background);
  color: var(--color-hover);
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.08);
}

.swiper__nav--btn:hover {
  background: var(--color-background);
  color: var(--color-hover);
}

.swiper__nav--btn::after {
  display: none;
}

.swiper__nav--btn.swiper-button-prev {
  left: 0;
}

.swiper__nav--btn.swiper-button-next {
  right: 0;
}

.swiper__nav--btn.swiper-button-next::after {
  display: none;
}

/*
  Swiper pagination css
*/
.swiper-pagination {
  bottom: 0 !important;
}

.swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.8rem;
  background: var(--color-border);
  opacity: 1;
  vertical-align: middle;
  transition: var(--transition);
  margin: 0 0.9rem !important;
  position: relative;
  border-radius: 50%;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--color-hover);
}

.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  opacity: 1;
}

.swiper-pagination-bullet::before {
  position: absolute;
  content: "";
  width: 2rem;
  height: 2rem;
  border: 2px solid var(--color-hover);
  left: -6px;
  top: -6px;
  border-radius: 50%;
  transition: 0.3s;
  opacity: 0;
}

/*
  default css here
*/
.no-gutter {
  margin-right: 0;
  margin-left: 0;
}

.no-gutter>[class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.position__sticky {
  position: sticky;
  top: 0;
}

.header__transparent {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.solid__btn {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 4.8rem;
  height: 4.8rem;
  padding: 0 1.5rem;
  letter-spacing: 0.2px;
  border-radius: 1rem;
  background: var(--color-hover);
  color: var(--color-white);
  border: 0;
  font-weight: 700;
}

.solid__btn:hover {
  background: var(--color-background-2);
  color: var(--color-white);
}

@media only screen and (min-width: 480px) {
  .solid__btn {
    line-height: 5rem;
    height: 5rem;
    padding: 0 2rem;
  }
}

@media only screen and (min-width: 992px) {
  .solid__btn {
    line-height: 5.2rem;
    height: 5.2rem;
    padding: 0 2.5rem;
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 1366px) {
  .solid__btn {
    padding: 0 3rem;
    line-height: 5.5rem;
    height: 5.5rem;
  }
}

.select {
  position: relative;
}

.select::before {
  border-bottom: 2px solid var(--color-foreground);
  border-right: 2px solid var(--color-foreground);
  content: "";
  display: block;
  height: 7px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 50%;
  width: 7px;
  transform-origin: 66% 66%;
  opacity: 0.7;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.border__top--bottom {
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.border__bottom {
  border-bottom: 1px solid var(--color-border);
}

select {
  word-wrap: normal;
  font-family: var(--font-body-family);
  font-size: var(--font-body-size);
  font-weight: var(--font-body-weight);
  line-height: var(--font-line-height);
}

.select {
  position: relative;
}

.select::before {
  border-bottom: 2px solid var(--color-foreground);
  border-right: 2px solid var(--color-foreground);
  content: "";
  display: block;
  height: 7px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 18px;
  top: 50%;
  width: 7px;
  transform-origin: 66% 66%;
  opacity: 0.7;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

@media only screen and (max-width: 991px) {
  .section__heading.mb-50 {
    margin-bottom: 4rem;
  }
}

@media only screen and (max-width: 767px) {
  .section__heading.mb-50 {
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 767px) {
  .section__heading.mb-40 {
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 479px) {
  .section__heading.mb-20 {
    margin-bottom: 1rem;
  }
}

.section__heading--subtitle {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: uppercase;
  color: var(--color-hover);
}

@media only screen and (min-width: 480px) {
  .section__heading--subtitle {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
}

@media only screen and (min-width: 768px) {
  .section__heading--subtitle {
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
  }
}

@media only screen and (min-width: 992px) {
  .section__heading--subtitle {
    font-size: 1.7rem;
  }
}

.section__heading--subtitle.color__white {
  color: var(--color-white);
}

.section__heading--subtitle span {
  color: var(--color-hover);
}

.section__heading--title {
  font-weight: 700;
}

.section__heading--title.color__white {
  color: var(--color-white);
}

.section__heading--title span {
  color: var(--color-hover);
}

.section__heading--desc {
  font-size: 1.5rem;
  line-height: 2.4rem;
  margin-top: 1.5rem;
  color: var(--color-foreground-sub);
}

@media only screen and (min-width: 576px) {
  .section__heading--desc {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 2rem;
  }
}

@media only screen and (min-width: 992px) {
  .section__heading--desc {
    font-size: 1.7rem;
    line-height: 3rem;
  }
}

@media only screen and (min-width: 1200px) {
  .section__heading--desc {
    font-size: 1.8rem;
  }
}

.section__heading.gap-40 {
  gap: 2.5rem;
}

@media only screen and (min-width: 480px) {
  .section__heading.gap-40 {
    gap: 3rem;
  }
}

@media only screen and (min-width: 992px) {
  .section__heading.gap-40 {
    gap: 4rem;
  }
}

@media only screen and (max-width: 991px) {
  .section__heading.d-flex {
    flex-direction: column;
    text-align: center;
  }
}

@media only screen and (min-width: 992px) {
  .section__heading--right {
    max-width: 42%;
  }
}

@media only screen and (max-width: 991px) {
  .row-md-reverse {
    flex-direction: column-reverse;
  }
}

#scroll__top {
  position: fixed;
  bottom: 59%;
  right: 50%;
  z-index: 99;
  outline: none;
  background-color: var(--color-hover);
  color: var(--color-white);
  box-shadow: 0 2px 22px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  line-height: 1;
  width: 4.3rem;
  height: 4.3rem;
  border-radius: 50%;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#scroll__top:hover {
  background: var(--color-background-2);
}


@media only screen and (max-width: 1024px) {
  #scroll__top {
    bottom: 95%;
  }
}

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

    position: fixed;
    bottom: 59%;
    right: 50%;

  }
}

.title-stroke {
  text-shadow: 3px 3px 0 #ee5f38, -1px -1px 0 #ee5f38, 1px -1px 0 #ee5f38,
    -1px 1px 0 #ee5f38, 1px 1px 0 #ee5f38;
}

#scroll__top.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

#scroll__top svg {
  width: 25px;
  line-height: 1;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  word-wrap: normal !important;
}

.color-hover {
  color: var(--color-hover);
}

.line-height-1 {
  line-height: 1;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.overflow-hidden {
  overflow: hidden;
}

.break {
  word-break: break-word;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.height-100vh {
  height: 100vh;
}

.position__relative {
  position: relative;
}

.border-0 {
  border: none;
}

.width-100 {
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .md-width-100 {
    width: 100%;
  }
}

.display-block {
  display: block;
}

/* Tab */
.tab_content {
  display: block;
}

.tab_pane {
  display: none;
  transition: var(--transition);
}

.tab_pane:not(.show) {
  opacity: 0;
}

.tab_pane.show {
  opacity: 1;
}

.tab_pane.active {
  display: block;
}

body.overlay__active,
.mobile_menu_open,
.predictive__search--box_active,
.offCanvas__minicart_active,
.offcanvas__filter--sidebar_active {
  overflow-y: hidden;
}

body.overlay__active::before,
.predictive__search--box_active::before,
.mobile_menu_open::before,
.offCanvas__minicart_active::before,
.offcanvas__filter--sidebar_active::before {
  position: absolute;
  content: "";
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0.5;
  cursor: crosshair;
}

.font-weight-500 {
  font-weight: 500 !important;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate-fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

/* Section padding */
.section--padding {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

@media only screen and (min-width: 768px) {
  .section--padding {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}

@media only screen and (min-width: 992px) {
  .section--padding {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .section--padding {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

/* Section margin */
.section--margin {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

/* Padding */
.p-0 {
  padding: 0;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-15 {
  padding-bottom: 1.5rem;
}

.pb-20 {
  padding-bottom: 2rem;
}

/* Margin */
.m-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0;
}

.mt-50 {
  margin-top: 5rem;
}

.mb-20 {
  margin-bottom: 2rem;
}

.mt-30 {
  margin-top: 3rem;
}

.mb--n30 {
  margin-bottom: -3rem;
}

.mb--n25 {
  margin-bottom: -2.5rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-10 {
  margin-bottom: 1rem;
}

.mb-12 {
  margin-bottom: 1.2rem;
}

.mb-15 {
  margin-bottom: 1.5rem;
}

.mb-25 {
  margin-bottom: 2.5rem;
}

.mb-30 {
  margin-bottom: 3rem;
}

.mb-40 {
  margin-bottom: 4rem;
}

.mb--n40 {
  margin-bottom: -4rem;
}

.mb-50 {
  margin-bottom: 5rem;
}

.mb-80 {
  margin-bottom: 8rem;
}

/*
    2. Header css
*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .container-fluid.padding-lr-120 {
    padding-left: 8.5rem;
    padding-right: 1.5rem;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .container-fluid.padding-lr-120 {
    padding-left: 10rem;
    padding-right: 2rem;
  }
}

@media only screen and (min-width: 1366px) {
  .container-fluid.padding-lr-120 {
    padding-left: 11rem;
  }
}

@media only screen and (min-width: 1600px) {
  .container-fluid.padding-lr-120 {
    padding: 0 12rem;
  }
}

/*
    offcanvas header css
*/
.header__sticky.sticky .offcanvas__header--menu__open--btn {
  color: var(--foreground-colo) !important;
}

.offcanvas__header--menu__open {
  line-height: 1;
  display: none;
}

@media only screen and (max-width: 991px) {
  .offcanvas__header--menu__open {
    display: block;
  }
}

.offcanvas__header--menu__open--svg {
  width: 32px;
}

.offcanvas__header--menu__open--btn>* {
  pointer-events: none;
}

.offcanvas__header {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 300px;
  height: 100%;
  transition: var(--transition);
  transform: translateX(-100%);
  background-color: var(--color-background);
  box-shadow: 0 0 10px var(--color-shadow);
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 480px) {
  .offcanvas__header {
    max-width: 400px;
  }
}

.offcanvas__header.open {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.offcanvas__header.open~.offcanvas-overlay {
  visibility: visible;
  opacity: 0.75;
}

.offcanvas-overlay {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  transition: var(--transition);
  opacity: 0;
  background-color: var(--color-background-2);
}

.offcanvas__inner {
  position: relative;
  height: 100%;
  padding-bottom: 5rem;
}

.offcanvas__logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.5rem 1.5rem;
}

.offcanvas__close--btn {
  position: relative;
  align-self: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
}

.offcanvas__close--btn::before,
.offcanvas__close--btn::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  content: "";
  transform: rotate(45deg);
  background-color: var(--color-background-2);
}

.offcanvas__close--btn::after {
  transform: rotate(-45deg);
}

.main__header--sticky {
  display: none;
}

.main__header--sticky.sticky {
  display: block;
}

.offcanvas__download--btn {
  text-align: center;
  margin-top: 3rem;
}

/* 
  offcanvas Menu css 
*/
.offcanvas__menu_ul {
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 380px;
}

.offcanvas__menu_li {
  position: relative;
  border-bottom: 1px solid var(--color-border);
}

.offcanvas__menu_li:first-child {
  border-top: 1px solid var(--color-border);
}

.offcanvas__menu_item {
  line-height: 1;
  display: block;
  padding: 15px 20px;
  text-transform: uppercase;
  color: var(--color-foreground);
  font-size: 1.5rem;
}

/* 
    offcanvas Sub Menu 
*/
.offcanvas__sub_menu {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

.offcanvas__sub_menu_li {
  position: relative;
  border-top: 1px solid var(--color-border);
}

.offcanvas__sub_menu_item {
  line-height: 1;
  display: block;
  padding: 15px 0 15px 30px;
  color: var(--color-foreground-sub);
  font-size: 1.5rem;
}

.offcanvas__sub_menu_item~.offcanvas__sub_menu .offcanvas__sub_menu_item {
  padding-left: 40px;
}

.offcanvas__sub_menu_toggle {
  font-size: 20px;
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4.6rem;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}

.offcanvas__sub_menu_toggle::before,
.offcanvas__sub_menu_toggle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  content: "";
  transition: var(--transition);
  transform: translateX(-50%) translateY(-50%);
  background-color: var(--color-background-2);
}

.offcanvas__sub_menu_toggle:not(.active)::after {
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
}

.offcanvas__account--items {
  margin-top: 2rem;
  padding: 0 1.5rem;
}

.offcanvas__account--items__btn {
  color: var(--color-hover);
  gap: 0.5rem;
}

.side__menu--footer.mobile__menu--footer {
  border-top: 0;
}

.mobile__menu--footer .side__menu--info {
  flex-direction: column;
}

/*
  Sidebar menu
*/
.side__menu--title {
  font-size: 1.8rem;
  line-height: 2rem;
}

.side__menu {
  overflow-y: auto;
  width: 410px;
}

.side__menu--header {
  border-bottom: 1px solid var(--color-border);
  padding: 1.5rem 3rem;
}

.side__menu--close__btn {
  background: inherit;
  padding: 0;
  font-size: 1.8rem;
  font-weight: 600;
  border: 0;
}

.side__menu--close__btn:hover {
  color: var(--color-hover);
}

.side__menu--body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 8rem;
}

.sidebar__gallery {
  padding: 5rem 2.5rem;
}

.sidebar__gallery--title {
  font-size: 1.8rem;
  line-height: 2rem;
  margin-bottom: 2.5rem;
}

.sidebar__gallery--wrapper {
  flex-wrap: wrap;
  gap: 1.5rem;
}

.sidebar__gallery--items {
  width: 30%;
  position: relative;
}

.sidebar__gallery--items:hover .sidebar__gallery--img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

.sidebar__gallery--items:hover .sidebar__gallery--subtitle {
  opacity: 1;
  top: 50%;
}

.sidebar__gallery--img {
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.sidebar__gallery--subtitle {
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  text-align: center;
  pointer-events: none;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-white);
  opacity: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.sidebar__gallery--link {
  overflow: hidden;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.side__menu--footer {
  padding: 4rem 2.5rem;
  border-top: 1px solid var(--color-border);
}

.side__menu--info {
  display: flex;
  gap: 2rem;
}

.side__menu--info__title {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 1.2rem;
}

.side__menu--info__text {
  font-size: 1.4rem;
  color: var(--color-foreground-sub);
  font-weight: 600;
}

.side__menu--share__title {
  font-size: 1.7rem;
  line-height: 2rem;
  margin-right: 1.2rem;
}

.side__menu--share__wrapper {
  gap: 1.5rem;
}

.side__menu--share__icon {
  color: var(--color-foreground-sub);
}

.side__menu--share__icon:hover {
  color: var(--color-hover);
}

.side__menu--share {
  margin-top: 4rem;
}

/*
    header sticky css here
*/
.header__sticky.sticky {
  position: fixed;
  width: 100%;
  top: 0;
  background: var(--color-background);
  left: 0;
  z-index: 99;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
  transition: 0.3s;
}

.header__sticky.sticky .header__account--btn.text-white {
  color: var(--color-foreground) !important;
}

.sticky .sticky__block {
  display: block;
}

.sticky .sticky__none {
  display: none;
}

.sticky__block {
  display: none;
}

/*
    main header css here
*/
.header__section {
  position: relative;
}

.humberger__menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 7rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-hover);
  color: var(--color-white);
}

.humberger__menu:hover {
  color: var(--color-white);
}

@media only screen and (min-width: 1200px) {
  .humberger__menu {
    width: 8rem;
  }
}

@media only screen and (min-width: 1366px) {
  .humberger__menu {
    width: 9rem;
  }
}

@media only screen and (max-width: 991px) {
  .humberger__menu {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .main__header {
    padding: 1.5rem 0;
  }
}

.main__header.sticky {
  border-bottom: 0;
}

.main__header--right {
  gap: 2rem;
}

@media only screen and (min-width: 1366px) {
  .main__header--right {
    gap: 3rem;
  }
}

@media only screen and (min-width: 992px) {
  .main__header--right.d-lg-block {
    display: flex !important;
  }
}

.main__logo--link {
  display: block;
}

.main__logo--title {
  line-height: 1;
}

.main__logo--img.logo_dark {
  display: none;
}

@media only screen and (max-width: 399px) {
  .main__logo--img {
    max-width: 15rem;
  }
}

/*
    main menu css here
*/
.main__menu--items {
  position: relative;
  padding: 2.5rem 0;
  margin-right: 2rem;
}

@media only screen and (min-width: 1366px) {
  .main__menu--items {
    margin-right: 2.5rem;
  }
}

@media only screen and (min-width: 1600px) {
  .main__menu--items {
    margin-right: 4rem;
  }
}

.main__menu--items:last-child {
  margin-right: 0;
}

.main__menu--items:hover .main__menu--link {
  color: var(--color-hover);
}

.main__menu--items:hover .main__menu--link::before {
  width: 100%;
}

.main__menu--items:hover .sub__menu {
  visibility: visible;
  margin-top: 0;
  opacity: 1;
}

.main__menu--items:hover .mega__menu--wrapper {
  visibility: visible;
  margin-top: 0;
  opacity: 1;
}

.main__menu--link {
  font-size: 1.6rem;
  line-height: 2rem;
  text-transform: capitalize;
  color: var(--color-foreground);
  position: relative;
  font-weight: 700;
  padding: 0.3rem 0;
}

.main__menu--link.active {
  color: var(--color-hover);
}

.main__menu--link.active::before {
  width: 100%;
}

.main__menu--link::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0.1rem;
  background: var(--color-hover);
  transition: var(--transition);
  bottom: 0;
  left: 0;
}

.main__menu--link svg {
  margin-right: 4px;
}

.menu__arrowdown--icon {
  margin-left: 3px;
  margin-right: 0;
}

.sub__menu {
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0;
  visibility: hidden;
  width: 230px;
  margin: 0;
  margin-top: 10px;
  padding: 20px;
  list-style: none;
  transition: var(--transition);
  opacity: 0;
  background-color: var(--color-background);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  border-radius: 1px;
}

.sub__menu--items {
  margin-bottom: 1.5rem;
}

.sub__menu--items:last-child {
  margin-bottom: 0;
}

.sub__menu--link {
  font-size: 1.5rem;
  display: block;
  line-height: 2.2rem;
  color: var(--color-foreground-sub);
}

/*
    End main menu css here
*/
.login__register--link {
  font-weight: 700;
}

.login__register--link svg {
  margin-right: 0.5rem;
}

@media only screen and (max-width: 1199px) {
  .login__register--link svg {
    margin-right: 0;
  }
}

@media only screen and (max-width: 1199px) {
  .login__register--link span {
    display: none;
  }
}

.add__listing--btn {
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .add__listing--btn {
    display: none;
  }
}

.add__listing--btn svg {
  margin-left: 0.5rem;
}

@media only screen and (max-width: 1199px) {
  .add__listing--btn svg {
    margin-left: 0;
  }
}

@media only screen and (max-width: 991px) {
  .add__listing--btn svg {
    margin-left: 0.7rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .add__listing--btn span {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .add__listing--btn.offcanvas__listing--btn {
    display: block;
    max-width: 100%;
    text-align: center;
    margin: 3rem 3rem 0 3rem;
    font-size: 1.7rem;
  }
}

/*
    Home three css
*/
.header__topbar {
  background: var(--color-background-2);
  padding: 0.8rem 0;
}

@media only screen and (max-width: 767px) {
  .header__topbar {
    padding: 1.5rem 0;
  }
}

@media only screen and (max-width: 767px) {
  .header__topbar--inner {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.header__info {
  gap: 2rem;
}

@media only screen and (max-width: 479px) {
  .header__info {
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
  }
}

.header__info--text {
  color: var(--color-white);
  margin-left: 0.5rem;
  font-size: 1.4rem;
}

.header__social {
  gap: 1.5rem;
}

.header__social--icon {
  color: var(--color-white);
}

/*
    Home four css
*/
.offcanvas__header--menu__open--btn.style4 {
  color: var(--color-white);
}

.main__menu--style4 .main__menu--link {
  color: var(--color-white);
}

.header__sticky.sticky .main__menu--style4 .main__menu--link {
  color: var(--color-foreground);
}

.header__sticky.sticky .main__menu--style4 .main__menu--link:hover {
  color: var(--color-hover);
}

.header__sticky.sticky .header__account--icon__link {
  color: var(--color-foreground);
}

.header__sticky.sticky .header__account--icon__link:hover {
  color: var(--color-hover);
}

.header__author {
  margin-right: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
}

@media only screen and (max-width: 1199px) {
  .header__author {
    display: none !important;
  }
}

.header__author::before {
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 4rem;
  background: var(--color-white);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.header__author--list:nth-child(2) {
  margin-left: -8px;
}

.header__author--list:nth-child(3) {
  margin-left: -8px;
}

.header__account--icon {
  gap: 1.5rem;
}

.header__account--icon__link {
  color: var(--color-white);
}

.predictive__search--title {
  margin-bottom: 20px;
  color: var(--color-foreground);
}

@media only screen and (min-width: 768px) {
  .predictive__search--title {
    margin-bottom: 22px;
  }
}

@media only screen and (min-width: 1200px) {
  .predictive__search--title {
    margin-bottom: 30px;
  }
}

.predictive__search--box {
  background: var(--color-background);
  box-shadow: 0 -4px 27px rgba(62, 70, 120, 0.16);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  transition: all 0.3s ease 0s;
  transform: translateY(-100%);
}

.predictive__search--box.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.predictive__search--box__inner {
  padding: 20px 16px;
  text-align: center;
}

@media only screen and (min-width: 576px) {
  .predictive__search--box__inner {
    padding: 22px 50px;
  }
}

@media only screen and (min-width: 768px) {
  .predictive__search--box__inner {
    padding: 30px 80px;
  }
}

@media only screen and (min-width: 992px) {
  .predictive__search--box__inner {
    padding: 30px 150px;
  }
}

.predictive__search--form {
  width: 100%;
  position: relative;
}

.predictive__search--input {
  width: 100%;
  height: 4.5rem;
  border: 1px solid var(--color-border);
  padding: 0 80px 0 15px;
  font-size: 1.6rem;
  font-weight: 400;
  border-radius: 5px;
}

.predictive__search--input:focus {
  border-color: var(--color-hover);
}

.predictive__search--input:focus::-webkit-input-placeholder {
  color: #000000;
}

@media only screen and (min-width: 1200px) {
  .predictive__search--input {
    height: 5rem;
  }
}

.predictive__search--button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0;
  border: 0;
  width: 6rem;
  text-align: center;
  border-radius: 0 5px 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-foreground);
  color: var(--color-white);
}

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

.predictive__search--close__btn {
  position: absolute;
  top: 20px;
  right: 40px;
  padding: 0;
  border: 0;
  background: inherit;
}

@media only screen and (max-width: 576px) {
  .predictive__search--close__btn {
    right: 15px;
  }
}

.predictive__search--close__btn:hover {
  color: var(--color-hover);
  transform: scale(1.3);
}

.predictive__search--close__btn>* {
  pointer-events: none;
}

.search__open--btn {
  position: relative;
}

.header__account--icon__link>* {
  pointer-events: none;
}

/*
    Home five css
*/
.header__account--wrapper .header__account--icon__link {
  color: var(--color-foreground);
}

.header__account--wrapper .header__account--icon__link:hover {
  color: var(--color-hover);
}

.header__account--wrapper {
  gap: 2rem;
}

.header__topbar--right {
  gap: 3rem;
}

.language__currency {
  margin-right: 12px;
}

@media only screen and (max-width: 991px) {
  .language__currency {
    margin-right: 0;
    padding: 5px 20px;
  }
}

.language__currency--list {
  position: relative;
  margin-right: 12px;
  padding-right: 12px;
}

.language__currency--list:last-child {
  margin-right: 0;
  padding-right: 0;
}

.language__currency--list:last-child::before {
  display: none;
}

.language__currency--list::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: var(--color-background);
  right: 0;
  top: 0;
}

.language__switcher--icon__img {
  vertical-align: middle;
  margin-right: 3px;
  display: inline-block;
}

.language__switcher:hover span {
  color: var(--color-hover);
}

.language__switcher:hover svg {
  color: var(--color-hover);
}

.language__switcher svg {
  transition: var(--transition);
}

.language__switcher {
  color: var(--color-white);
}

.language__switcher:hover {
  color: var(--color-hover);
}

.account__currency--icon__img {
  vertical-align: middle;
  margin-right: 3px;
  display: inline-block;
}

.dropdown__language {
  position: absolute;
  z-index: 9;
  width: 100px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  top: 100%;
  opacity: 0;
  visibility: hidden;
  margin-top: 22px;
  transition: var(--transition);
  background: var(--color-background);
}

.dropdown__language.active {
  opacity: 1;
  visibility: visible;
  margin-top: 14px;
}

.account__currency--link {
  color: var(--color-white);
}

.account__currency--link:hover {
  color: var(--color-hover);
}

.offcanvas__language--switcher {
  font-weight: 500;
  font-family: var(--font-body-family);
}

.offcanvas__dropdown--language {
  position: absolute;
  z-index: 9;
  width: 100px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  bottom: 100%;
  opacity: 0;
  visibility: hidden;
  margin-bottom: 12px;
  transition: var(--transition);
  background: var(--color-background);
}

.offcanvas__dropdown--language.active {
  opacity: 1;
  visibility: visible;
  margin-bottom: 8px;
}

.language__items:last-child .language__text {
  border-bottom: 0;
}

.language__text {
  display: block;
  font-size: 1.3rem;
  padding: 10px 14px;
  background: var(--color-background-3);
  border-bottom: 1px solid var(--color-border);
}

.language__text:hover {
  background: var(--color-hover);
  color: var(--color-white);
  border-color: var(--color-hover);
}

.dropdown__currency {
  position: absolute;
  z-index: 9;
  width: 100px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  top: 100%;
  opacity: 0;
  visibility: hidden;
  margin-top: 33px;
  transition: var(--transition);
  background: var(--color-background);
}

.dropdown__currency.active {
  opacity: 1;
  visibility: visible;
  margin-top: 14px;
}

@media only screen and (min-width: 1600px) {
  .dropdown__currency.active {
    margin-top: 14px;
  }
}

.currency__items:last-child .currency__text {
  border-bottom: 0;
}

.currency__text {
  display: block;
  font-size: 1.3rem;
  padding: 10px 14px;
  background: var(--color-background-3);
  border-bottom: 1px solid var(--color-border);
}

.currency__text:hover {
  background: var(--color-hover);
  color: var(--color-white);
  border-color: var(--color-hover);
}

/* 
    19. preloader css 
*/
#preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 999;
  display: flex;
  height: 100vh;
  width: 100%;
}

#preloader:before,
#preloader:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: -1;
  background-color: #000;
  transition: all 0.3s ease 0s;
}

.preloaded:before,
.preloaded:after {
  animation: preloadedDone 300ms ease-in-out 500ms forwards;
}

#preloader:after {
  left: auto;
  right: 0;
}

#preloader .loader--border {
  margin: auto;
  width: 1px;
  height: 250px;
  position: relative;
  overflow: hidden;
  transition: all 0.8s ease 0s;
}

.loader--border:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 0%;
  transform: translateY(-50%);
  background-color: #fff;
  animation: borderLine 1000ms ease-in-out 0s forwards;
}

.loader--border:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #999999;
  transform: translateY(-100%);
  animation: borderRound 1200ms linear 0s infinite;
  animation-delay: 2000ms;
}

.preloaded .loader--border {
  opacity: 0;
  height: 100% !important;
}

.preloaded .loader--border:after {
  opacity: 0;
}

@keyframes borderLine {
  0% {
    height: 0%;
  }

  100% {
    height: 100%;
  }
}

@keyframes borderRound {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(200%);
  }
}

@keyframes preloadedDone {
  0% {
    width: 50%;
  }

  100% {
    width: 0%;
  }
}

/*
   3. Hero css
*/
.hero__section--bg {
  background: url(../img/hero/hero-section-bg.png);
  background-position: center center;
  background-size: cover;
}

.hero__section--inner {
  padding: 6rem 0 7rem;
}

@media only screen and (min-width: 480px) {
  .hero__section--inner {
    padding: 7rem 0 8rem;
  }
}

@media only screen and (min-width: 768px) {
  .hero__section--inner {
    padding: 10rem 0 12rem;
  }
}

@media only screen and (min-width: 992px) {
  .hero__section--inner {
    padding: 14rem 0;
  }
}

@media only screen and (min-width: 1366px) {
  .hero__section--inner {
    padding: 22rem 0;
  }
}

.hero__section--wrapper {
  max-width: 117rem;
  margin: 0 auto;
}

.hero__content {
  margin-bottom: 3rem;
}

@media only screen and (min-width: 576px) {
  .hero__content {
    margin-bottom: 4rem;
  }
}

@media only screen and (min-width: 768px) {
  .hero__content {
    margin-bottom: 5rem;
  }
}

.hero__content--desc {
  color: var(--color-white);
}

.hero__content--title {
  color: var(--color-white);
}

.advance__search--inner {
  background: var(--color-background);
  padding: 2rem 2.5rem;
  gap: 3rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

@media only screen and (max-width: 1199px) {
  .advance__search--inner {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.advance__search--items {
  height: 5rem;
  line-height: 4.8rem;
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  transition: 0.3s;
}

@media only screen and (min-width: 768px) {
  .advance__search--items {
    height: 5.5rem;
    line-height: 5.3rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .advance__search--items {
    width: 30%;
  }
}

.advance__search--items:hover {
  border-color: var(--color-hover);
}

.advance__search--items.price {
  min-width: 13rem;
  width: 13rem;
}

.advance__search--items:focus {
  border-color: var(--color-hover);
}

.advance__search--input {
  border: 0;
  height: 100%;
  width: 100%;
  padding: 0 1.5rem;
  border-radius: 0.5rem;
  background: inherit;
}

.advance__location--icon {
  position: absolute;
  right: 1.5rem;
}

.advance__search--select {
  width: 96%;
  height: 100%;
  padding: 0 1.5rem;
  border: 0;
  opacity: 0.7;
  cursor: pointer;
  border-radius: 0.5rem;
  background: inherit;
}

.advance__search--price {
  padding: 0 1.5rem;
  cursor: pointer;
}

.advance__search--price span {
  opacity: 0.7;
}

.advance__search--btn {
  width: auto;
  min-width: auto;
  padding: 0 1.5rem;
}

@media only screen and (min-width: 480px) {
  .advance__search--btn {
    width: 160px;
    min-width: 160px;
    padding: 0 2rem;
  }
}

.advance__search--btn svg {
  margin-left: 0.5rem;
}

.advance__tab--btn {
  margin-bottom: 3.5rem;
  gap: 2rem;
}

.advance__tab--btn__field {
  width: 9rem;
  height: 4rem;
  text-align: center;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 700;
  background: var(--color-background);
  color: var(--color-foreground);
  border-radius: 0.5rem;
  position: relative;
}

@media only screen and (min-width: 576px) {
  .advance__tab--btn__field {
    width: 10.5rem;
    height: 4.5rem;
  }
}

.advance__tab--btn__field::before {
  position: absolute;
  content: "";
  bottom: -12px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 0.8rem solid transparent;
  border-right: 0.8rem solid transparent;
  border-top: 1.2rem solid var(--color-hover);
  transform: translateX(-50%);
  transition: 0.3s;
  opacity: 0;
}

.advance__tab--btn__field.active {
  background: var(--color-hover);
  color: var(--color-white);
}

.advance__tab--btn__field.active::before {
  opacity: 1;
}

.advance__wrapper {
  margin-top: 5rem;
}

.advance__shape--icon {
  position: absolute;
  right: -52px;
  top: -30px;
}

.advance__option--btn {
  padding: 0;
  border: 0;
  background: inherit;
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--color-white);
}

.advance__option--btn:hover {
  color: var(--color-hover);
}

.advance__apeartment--area {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 480px) {
  .advance__apeartment--area {
    gap: 3rem;
    margin-bottom: 3rem;
  }
}

.advance__apeartment--list {
  width: 100%;
}

@media only screen and (min-width: 480px) {
  .advance__apeartment--list {
    width: 46%;
  }
}

@media only screen and (min-width: 576px) {
  .advance__apeartment--list {
    width: 47%;
  }
}

@media only screen and (min-width: 768px) {
  .advance__apeartment--list {
    width: 30%;
  }
}

.advance__apeartment--label {
  font-weight: 500;
  margin-bottom: 1rem;
}

.advance__apeartment--select {
  padding: 0 1.5rem;
  border: 0;
  opacity: 0.7;
  cursor: pointer;
  border-radius: 0.5rem;
  background: inherit;
  height: 4.5rem;
  line-height: 4.3rem;
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  transition: 0.3s;
  -webkit-appearance: none;
  font-size: 1.5rem;
}

.advance__apeartment--select:hover {
  border-color: var(--color-hover);
}

.advance__apeartment--select:focus {
  border-color: var(--color-hover);
}

.advance__apeartment--input__field {
  padding: 0 1.5rem;
  border: 0;
  border-radius: 0.5rem;
  background: inherit;
  height: 4.5rem;
  line-height: 4.3rem;
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  transition: 0.3s;
  font-size: 1.5rem;
}

.advance__apeartment--input__field:hover {
  border-color: var(--color-hover);
}

.advance__apeartment--input__field:focus {
  border-color: var(--color-hover);
}

.advance__filter--main--wrapper {
  max-width: 700px;
}

.advance__filter--main__content {
  border-radius: 1rem;
  padding: 3rem;
}

.advance__filter--details {
  padding: 0;
}

.advance__price--range {
  margin-bottom: 2.5rem;
}

.advance__filter--header {
  margin-bottom: 3rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-border);
}

.advance__filter--header__title {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 500;
}

.quickview__close--btn {
  padding: 0;
  border: 0;
  background: inherit;
  opacity: 1;
  font-weight: 700;
  font-size: 2rem;
}

.quickview__close--btn:hover {
  color: var(--color-hover);
}

@media only screen and (max-width: 575px) {
  .interior__amenities--check {
    width: 45%;
  }
}

@media only screen and (max-width: 479px) {
  .interior__amenities--check {
    width: 43%;
  }
}

@media only screen and (max-width: 399px) {
  .interior__amenities--check {
    width: 100%;
  }
}

.interior__amenities--check__list {
  position: relative;
}

.interior__amenities--check__label {
  cursor: pointer;
  display: block;
  color: var(--color-foreground);
  padding-left: 3rem;
  font-size: 1.5rem;
}

.interior__amenities--check__label:hover {
  color: var(--color-hover);
}

.interior__amenities--check__input {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translatey(-50%);
  opacity: 0;
  cursor: pointer;
  z-index: 999;
}

.interior__amenities--check__input:checked~.interior__amenities--checkmark {
  background-color: var(--color-hover);
  border: 1px solid var(--color-hover);
}

.interior__amenities--check__input:checked~.interior__amenities--checkmark::before {
  display: block;
}

.interior__amenities--checkmark {
  height: 1.8rem;
  width: 1.8rem;
  border: 1px solid var(--color-border);
  border-radius: 5px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translatey(-50%);
  background: var(--color-background);
  transition: var(--transition);
}

.interior__amenities--checkmark::before {
  right: 0.5rem;
  top: 0.3rem;
  width: 0.5rem;
  height: 0.8rem;
  border: solid white;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  display: none;
}

.advance__apeartment--iner {
  gap: 4rem;
}

@media only screen and (max-width: 767px) {
  .advance__apeartment--iner {
    flex-wrap: wrap;
  }
}

.interior__amenities--check__list {
  margin-bottom: 2.5rem;
}

.interior__amenities--check__list:last-child {
  margin-bottom: 0;
}

.interior__amenitie--title {
  font-size: 1.8rem;
  margin-bottom: 2.5rem;
  font-weight: 500;
}

.interior__amenities--area {
  margin-bottom: 3rem;
}

.advance__price--range__title {
  font-size: 1.8rem;
  font-weight: 500;
}

.advance__filter--search__btn {
  height: 4.5rem;
  line-height: 4.5rem;
  padding: 0 2rem;
}

.advance__filter--search__btn svg {
  margin-left: 0.8rem;
}

.modal__price--range {
  max-width: 35rem;
}

.advance__price--filter {
  padding-top: 2rem;
}

.advance__filter--btn {
  height: 4.2rem;
  line-height: 4.2rem;
  padding: 0 2rem;
  margin-top: 2rem;
}

.advance__filter--reset__btn {
  padding: 0;
  border: 0;
  background: inherit;
  color: var(--color-hover);
  text-decoration: underline;
  font-size: 1.8rem;
  font-weight: 500;
}

.advance__filter--reset__btn:hover {
  color: var(--color-foreground);
}

.advance__filter--footer {
  border-top: 1px solid var(--color-border);
  padding-top: 2rem;
}

/*
    home 2 css
*/
.hero__section--bg2 {
  background: url(../img/hero/hero-section-bg2.png);
  background-position: center center;
  background-size: cover;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__section--bg2 {
    padding-bottom: 13rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__section--bg2 {
    padding-bottom: 20rem;
  }
}

.hero__thumbnail--slider {
  max-width: 100%;
  margin: 0 0 0 auto;
}

@media only screen and (min-width: 768px) {
  .hero__thumbnail--slider {
    max-width: 50%;
  }
}

@media only screen and (min-width: 992px) {
  .hero__thumbnail--slider {
    max-width: 500px;
  }
}

@media only screen and (min-width: 1200px) {
  .hero__thumbnail--slider {
    max-width: 600px;
  }
}

@media only screen and (min-width: 1366px) {
  .hero__thumbnail--slider {
    max-width: 680px;
  }
}

@media only screen and (min-width: 1600px) {
  .hero__thumbnail--slider {
    max-width: 750px;
  }
}

@media only screen and (min-width: 1800px) {
  .hero__thumbnail--slider {
    max-width: 830px;
  }
}

.hero__container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .hero__container {
    position: inherit;
  }
}

@media only screen and (min-width: 768px) {
  .hero__content.style2 {
    max-width: 47%;
    margin-bottom: 5rem;
  }
}

@media only screen and (min-width: 992px) {
  .hero__content.style2 {
    max-width: 45rem;
    margin-bottom: 8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .hero__content.style2 {
    max-width: 55rem;
    margin-bottom: 10rem;
  }
}

@media only screen and (min-width: 1366px) {
  .hero__content.style2 {
    max-width: 60rem;
    margin-bottom: 14rem;
  }
}

@media only screen and (min-width: 1600px) {
  .hero__content.style2 {
    margin-bottom: 18rem;
    max-width: 65rem;
  }
}

@media only screen and (min-width: 1800px) {
  .hero__content.style2 {
    max-width: 70rem;
  }
}

@media only screen and (max-width: 767px) {
  .hero__content.style2 {
    padding: 5.5rem 0 4rem;
    margin-bottom: 0;
    text-align: center;
  }
}

.hero__content--heading__subtitle {
  text-transform: uppercase;
  font-weight: 600;
  color: var(--color-hover);
  line-height: 2rem;
  margin-bottom: 1rem;
}

.hero__content--heading__subtitle svg {
  margin-right: 0.5rem;
}

@media only screen and (min-width: 992px) {
  .hero__content--heading__subtitle {
    margin-bottom: 1.5rem;
  }
}

@media only screen and (max-width: 991px) {
  .hero__content--heading__subtitle {
    font-size: 1.5rem;
  }
}

.hero__content--heading__title {
  font-size: 2.5rem;
  line-height: 3.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .hero__content--heading__title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 700;
  }
}

@media only screen and (min-width: 992px) {
  .hero__content--heading__title {
    font-size: 3.5rem;
    line-height: 4.5rem;
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .hero__content--heading__title {
    font-size: 4.5rem;
    line-height: 5.5rem;
  }
}

@media only screen and (min-width: 1366px) {
  .hero__content--heading__title {
    font-size: 5rem;
    line-height: 6rem;
  }
}

.hero__content--footer {
  margin-top: 1.5rem;
  gap: 2rem;
}

@media only screen and (min-width: 992px) {
  .hero__content--footer {
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .hero__content--footer {
    justify-content: center;
  }
}

.hero__bideo--play .bideo__play--icon {
  width: 5.5rem;
  height: 5.5rem;
  box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.03);
}

.advance__tab--btn__two .advance__tab--btn__field {
  border-radius: 0;
}

.advance__tab--btn__two .advance__tab--btn__field::before {
  display: none;
}

.advance__search--filter.style2 {
  position: relative;
  z-index: 9;
}

.advance__search--inner.two {
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.03);
  border-radius: 0;
}

@media only screen and (max-width: 767px) {
  .advance__search--inner.two {
    gap: 2rem;
  }
}

.swiper__pagination--bullet__style.swiper-pagination {
  top: 38%;
  bottom: auto !important;
  left: -18px;
  width: auto;
  background: var(--color-background);
  padding: 2.5rem 1.4rem;
  border-radius: 2rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08);
}

@media only screen and (max-width: 767px) {
  .swiper__pagination--bullet__style.swiper-pagination {
    top: auto;
    bottom: -18px !important;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.8rem 1.5rem;
  }
}

.swiper__pagination--bullet__style.swiper-pagination .swiper-pagination-bullet {
  display: block;
  margin: 0 0 1.7rem !important;
}

@media only screen and (max-width: 767px) {
  .swiper__pagination--bullet__style.swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    margin: 0 1rem !important;
  }
}

.swiper__pagination--bullet__style.swiper-pagination .swiper-pagination-bullet:last-child {
  margin-bottom: 0 !important;
}

.advance__search--label {
  font-weight: 600;
  line-height: 2rem;
  margin-bottom: 0.5rem;
}

.advance__two--search__items {
  position: relative;
  width: 100%;
  padding-right: 0;
}

@media only screen and (min-width: 480px) {
  .advance__two--search__items {
    width: 47%;
  }
}

@media only screen and (min-width: 768px) {
  .advance__two--search__items {
    width: 30%;
    padding-right: 1.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .advance__two--search__items {
    width: 22%;
  }
}

@media only screen and (min-width: 1200px) {
  .advance__two--search__items {
    width: 100%;
  }
}

.advance__two--search__items::before {
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 4.5rem;
  background: var(--color-border);
  right: 0;
  top: 50%;
  transform: translatey(-50%);
}

@media only screen and (max-width: 767px) {
  .advance__two--search__items::before {
    display: none;
  }
}

.advance__two--search__items .advance__search--input {
  height: 4rem;
  padding: 0;
}

@media only screen and (min-width: 480px) {
  .advance__two--search__items .advance__search--input {
    height: 3rem;
  }
}

@media only screen and (min-width: 768px) {
  .advance__two--search__items .advance__search--input {
    height: 4rem;
  }
}

@media only screen and (max-width: 479px) {
  .advance__two--search__items .advance__search--input {
    border-bottom: 1px solid var(--color-border);
  }
}

.advance__two--search__items .advance__location--icon {
  top: 50%;
  line-height: 1.7rem;
  transform: translatey(-50%);
  color: var(--color-hover);
  opacity: 1;
}

.advance__two--search__items .advance__search--select {
  padding: 0;
  height: 4rem;
}

@media only screen and (min-width: 480px) {
  .advance__two--search__items .advance__search--select {
    height: 3rem;
  }
}

@media only screen and (min-width: 768px) {
  .advance__two--search__items .advance__search--select {
    height: 4rem;
  }
}

@media only screen and (max-width: 479px) {
  .advance__two--search__items .advance__search--select {
    border-bottom: 1px solid var(--color-border);
  }
}

.advance__two--search__items .advance__search--price {
  padding: 0;
}

.advance__option--btn__style2 {
  padding: 0;
  background: inherit;
  border: 0;
  font-weight: 600;
  font-size: 1.7rem;
  color: var(--color-foreground-sub);
  min-width: 10rem;
}

.advance__option--btn__style2 svg {
  margin-left: 1rem;
}

.advance__option--btn__style2:hover {
  color: var(--color-hover);
}

/*
    home three hero css
*/
.hero__section--bg3 {
  background: var(--color-background-7);
}

.hero__section3--container {
  padding-bottom: 5rem;
}

@media only screen and (min-width: 1200px) {
  .hero__section3--container {
    padding-bottom: 7rem;
  }
}

@media only screen and (min-width: 1366px) {
  .hero__section3--container {
    padding-bottom: 9rem;
  }
}

@media only screen and (max-width: 991px) {
  .hero__section3--container {
    flex-direction: column;
    gap: 3rem;
  }
}

.hero__play--vedio {
  position: absolute;
  top: 46%;
  left: 48%;
}

.hero__thumbnail.hero__home3 {
  width: 100%;
}

@media only screen and (min-width: 480px) {
  .hero__thumbnail.hero__home3 {
    width: 90%;
  }
}

@media only screen and (min-width: 992px) {
  .hero__thumbnail.hero__home3 {
    width: 45rem;
  }
}

@media only screen and (min-width: 1200px) {
  .hero__thumbnail.hero__home3 {
    width: 55rem;
  }
}

@media only screen and (min-width: 1366px) {
  .hero__thumbnail.hero__home3 {
    width: 67rem;
  }
}

@media only screen and (min-width: 1500px) {
  .hero__thumbnail.hero__home3 {
    width: 70rem;
  }
}

@media only screen and (min-width: 1700px) {
  .hero__thumbnail.hero__home3 {
    width: 77rem;
  }
}

.hero__content--home3 {
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .hero__content--home3 {
    width: calc(100% - 45rem);
  }
}

@media only screen and (min-width: 1200px) {
  .hero__content--home3 {
    width: calc(100% - 55rem);
  }
}

@media only screen and (min-width: 1366px) {
  .hero__content--home3 {
    width: calc(100% - 67rem);
  }
}

@media only screen and (min-width: 1500px) {
  .hero__content--home3 {
    width: calc(100% - 70rem);
  }
}

@media only screen and (min-width: 1700px) {
  .hero__content--home3 {
    width: calc(100% - 77rem);
  }
}

@media only screen and (max-width: 991px) {
  .hero__content--home3 {
    text-align: center;
  }
}

.hero__content--home3 {
  padding-right: 7rem;
}

@media only screen and (max-width: 991px) {
  .hero__content--home3 {
    padding-right: 0;
    padding-top: 5rem;
  }
}

.advance__search--style3 {
  box-shadow: 0 8px 36px 0 rgba(0, 0, 0, 0.06);
  border-radius: 0;
}

.advance__search--style3 .advance__search--input {
  background: var(--color-background-3);
  border: 1px solid #ebebeb;
  height: 5rem;
  line-height: 4.8rem;
  padding: 0 1rem;
}

.advance__search--style3 .advance__search--select {
  background: var(--color-background-3);
  border: 1px solid #ebebeb;
  height: 5rem;
  line-height: 4.8rem;
  padding: 0 1rem;
  width: 100%;
}

.advance__search--style3 .advance__search--label {
  margin-bottom: 1rem;
}

.advance__search--style3 .advance__two--search__items {
  padding-right: 0;
}

.advance__search--style3 .advance__two--search__items::before {
  display: none;
}

.hero__thumbnail--badge {
  width: 10rem;
  background: var(--color-background);
  padding: 1rem;
  border-radius: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media only screen and (min-width: 480px) {
  .hero__thumbnail--badge {
    width: 15rem;
    padding: 1.5rem 2rem;
  }
}

@media only screen and (min-width: 992px) {
  .hero__thumbnail--badge {
    border-radius: 1rem;
    bottom: -3rem;
    left: -5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .hero__thumbnail--badge {
    width: 17rem;
    left: -9rem;
  }
}

.hero__thumbnail--badge svg {
  margin-bottom: 2rem;
}

@media only screen and (max-width: 479px) {
  .hero__thumbnail--badge svg {
    margin-bottom: 1rem;
    width: 30px;
    height: 32px;
  }
}

.hero__thumbnail--badge__price {
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: 900;
  display: block;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 479px) {
  .hero__thumbnail--badge__price {
    font-size: 1.7rem;
    line-height: 2rem;
    margin-bottom: 0.2rem;
  }
}

.hero__thumbnail--badge__text {
  font-size: 1.5rem;
  line-height: 1.7rem;
  color: #9eabb2;
  font-weight: 500;
}

@media only screen and (max-width: 479px) {
  .hero__thumbnail--badge__text {
    font-size: 1.4rem;
    line-height: 1.5rem;
  }
}

/*
    home four css
*/
.hero__section--bg4 {
  background: url(../img/hero/home-four-hero-section-bg.png);
}

.hero__section--inner__style4 {
  padding: 9rem 0 5rem;
}

@media only screen and (min-width: 480px) {
  .hero__section--inner__style4 {
    padding: 10rem 0 6rem;
  }
}

@media only screen and (min-width: 768px) {
  .hero__section--inner__style4 {
    padding: 13rem 0 8rem;
  }
}

@media only screen and (min-width: 992px) {
  .hero__section--inner__style4 {
    padding: 18rem 0 11rem;
  }
}

@media only screen and (min-width: 1200px) {
  .hero__section--inner__style4 {
    padding: 23rem 0 16rem;
  }
}

@media only screen and (min-width: 1600px) {
  .hero__section--inner__style4 {
    padding: 26rem 0 19rem;
  }
}

/*
    home five css
*/
.hero__section--bg5 {
  background: url(../img/hero/home-five-hero-section-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.hero__section5--container {
  padding: 5rem 0;
}

@media only screen and (min-width: 768px) {
  .hero__section5--container {
    padding: 7rem 0;
  }
}

@media only screen and (min-width: 1200px) {
  .hero__section5--container {
    padding: 9rem 0;
  }
}

@media only screen and (max-width: 991px) {
  .hero__section5--container {
    flex-direction: column;
    gap: 4rem;
  }
}

.hero__content--style5 {
  width: 100%;
  padding-right: 0;
  position: relative;
  z-index: 9;
}

@media only screen and (min-width: 576px) {
  .hero__content--style5 {
    width: 90%;
  }
}

@media only screen and (min-width: 768px) {
  .hero__content--style5 {
    width: 80%;
  }
}

@media only screen and (min-width: 992px) {
  .hero__content--style5 {
    width: calc(100% - 40rem);
    padding-right: 6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .hero__content--style5 {
    width: calc(100% - 48rem);
    padding-right: 10rem;
  }
}

@media only screen and (min-width: 1366px) {
  .hero__content--style5 {
    width: calc(100% - 53rem);
  }
}

@media only screen and (max-width: 991px) {
  .hero__content--style5 {
    text-align: center;
  }
}

.hero__content--style5 .hero__content--heading__desc {
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .hero__content--style5 .hero__content--heading__desc {
    width: 80%;
  }
}

@media only screen and (min-width: 1200px) {
  .hero__content--style5 .hero__content--heading__desc {
    width: 70%;
  }
}

.hero__content--shape {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 4rem;
  z-index: -1;
}

@media only screen and (min-width: 1200px) {
  .hero__content--shape {
    right: 10rem;
  }
}

@media only screen and (max-width: 991px) {
  .hero__content--shape {
    display: none;
  }
}

@media only screen and (max-width: 1199px) {
  .hero__content--shape svg {
    width: 12rem;
  }
}

.advance__search--filter__box {
  background: rgba(255, 255, 255, 0.08);
  width: 100%;
  padding: 1.5rem;
  border-radius: 1rem;
}

@media only screen and (min-width: 576px) {
  .advance__search--filter__box {
    width: 90%;
  }
}

@media only screen and (min-width: 768px) {
  .advance__search--filter__box {
    width: 60rem;
  }
}

@media only screen and (min-width: 992px) {
  .advance__search--filter__box {
    width: 40rem;
  }
}

@media only screen and (min-width: 1200px) {
  .advance__search--filter__box {
    width: 48rem;
  }
}

@media only screen and (min-width: 1366px) {
  .advance__search--filter__box {
    width: 53rem;
  }
}

.advance__search--filter__box--inner {
  background: var(--color-background);
  padding: 1.5rem;
  border-radius: 1rem;
}

@media only screen and (min-width: 400px) {
  .advance__search--filter__box--inner {
    padding: 2rem;
  }
}

.advance__search--input__field {
  width: 100%;
  height: 4rem;
  border: 1px solid var(--color-border);
  padding: 0 3.2rem 0 1.2rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  color: var(--color-foreground-sub);
}

@media only screen and (min-width: 400px) {
  .advance__search--input__field {
    height: 4.5rem;
  }
}

.advance__search--input__field:focus {
  border-color: var(--color-hover);
}

.advance__search--select__field {
  width: 100%;
  height: 4rem;
  border: 1px solid var(--color-border);
  padding: 0 1.2rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  color: var(--color-foreground-sub);
  -webkit-appearance: none;
  cursor: pointer;
}

.advance__search--select__field:focus {
  border-color: var(--color-hover);
}

@media only screen and (min-width: 400px) {
  .advance__search--select__field {
    height: 4.5rem;
  }
}

.advance__search--box__items {
  margin-bottom: 1.8rem;
}

@media only screen and (min-width: 400px) {
  .advance__search--box__items {
    margin-bottom: 2.2rem;
  }
}

.advance__search--input__label {
  font-weight: 500;
  margin-bottom: 1rem;
  line-height: 2rem;
}

.advance__search--location__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
}

.advance__search--btn__style5 {
  width: 100%;
  height: 4.5rem;
  line-height: 4.5rem;
}

@media only screen and (max-width: 991px) {
  .hero__content--footer.style5 {
    justify-content: center;
  }
}

/* 
    4. About css
*/
.about__section.about__page--section {
  background: var(--color-background);
}

.categories__section.categories__bg {
  background: var(--color-background-3);
}

.categories__section.categories__bg .categories__box {
  background: var(--color-background);
}

@media only screen and (max-width: 991px) {
  .about__inner {
    flex-direction: column;
  }
}

@media only screen and (min-width: 992px) {
  .about__thumbnail {
    width: 38rem;
    padding-bottom: 4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .about__thumbnail {
    width: 50rem;
    padding-bottom: 5rem;
  }
}

@media only screen and (max-width: 991px) {
  .about__thumbnail {
    width: 54rem;
    padding-bottom: 3rem;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .about__thumbnail {
    width: 45rem;
    padding-bottom: 2rem;
  }
}

@media only screen and (max-width: 575px) {
  .about__thumbnail {
    width: 100%;
  }
}

.about__thumbnail--list {
  display: inline-block;
}

@media only screen and (max-width: 1199px) {
  .about__thumbnail--list.one {
    padding-right: 3rem;
  }
}

.about__thumbnail--list.two {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media only screen and (max-width: 479px) {
  .about__thumbnail--list.two {
    max-width: 200px;
  }
}

@media only screen and (min-width: 992px) {
  .about__content {
    width: calc(100% - 38rem);
    padding-left: 5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .about__content {
    width: calc(100% - 50rem);
    padding-left: 10rem;
  }
}

@media only screen and (max-width: 991px) {
  .about__content {
    width: 100%;
    margin-top: 4rem;
  }
}

@media only screen and (min-width: 1366px) {
  .about__content .section__heading--title {
    max-width: 90%;
  }
}

.rating__star--text {
  position: absolute;
  top: 0;
  right: 0;
  width: 11rem;
  height: 10rem;
  background: var(--color-background-2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media only screen and (min-width: 1200px) {
  .rating__star--text {
    right: -60px;
    width: 12rem;
    height: 12rem;
  }
}

.rating__star--text span {
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--color-white);
  margin-top: 1rem;
}

.bideo__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translatey(-50%) translatex(-50%);
  transition: var(--transition);
}

.bideo__play--icon {
  width: 6.5rem;
  height: 6.5rem;
  background: var(--color-background);
  color: var(--color-hover);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: animate 2s linear infinite;
}

.bideo__play--icon:hover {
  color: var(--color-white);
  background: var(--color-hover);
}

.bideo__play--icon:hover {
  transform: scale(1.08);
}

@keyframes animate {
  0% {
    box-shadow: 0 0 0 0 rgba(201, 127, 95, 0.7);
  }

  40% {
    box-shadow: 0 0 0 50px rgba(201, 127, 95, 0);
  }

  80% {
    box-shadow: 0 0 0 50px rgba(201, 127, 95, 0);
  }

  100% {
    box-shadow: 0 0 0 rgba(201, 127, 95, 0);
  }
}

.about__content--info {
  gap: 1rem;
  padding: 2rem 0;
}

@media only screen and (min-width: 576px) {
  .about__content--info {
    gap: 3.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .about__content--info {
    padding: 1rem 0;
  }
}

@media only screen and (max-width: 575px) {
  .about__content--info {
    flex-direction: column;
  }
}

.about__content--info__icon {
  width: 5rem;
}

@media only screen and (min-width: 576px) {
  .about__content--info__icon {
    width: 7rem;
  }
}

@media only screen and (min-width: 1200px) {
  .about__content--info__icon {
    width: 9rem;
  }
}

.about__content--info__title {
  width: calc(100% - 7rem);
  padding-left: 1.5rem;
  font-size: 1.8rem;
  line-height: 2.8rem;
}

@media only screen and (min-width: 1200px) {
  .about__content--info__title {
    width: calc(100% - 9rem);
    padding-left: 2rem;
    font-size: 2rem;
    line-height: 3rem;
  }
}

.about__content--details {
  gap: 3rem;
}

@media only screen and (min-width: 1200px) {
  .about__content--details {
    gap: 3.5rem;
  }
}

@media only screen and (max-width: 575px) {
  .about__content--details {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 2.5rem;
  }
}

.about__experince {
  width: 15rem;
  padding: 2rem 0;
  text-align: center;
  border: 1px dashed var(--color-border);
  border-radius: 1rem;
}

@media only screen and (min-width: 1200px) {
  .about__experince {
    width: 17rem;
    padding: 2.5rem 0;
  }
}

.about__experince--number {
  font-size: 4.5rem;
  line-height: 4rem;
  font-weight: 700;
  color: var(--color-hover);
}

@media only screen and (min-width: 1200px) {
  .about__experince--number {
    font-size: 5.5rem;
  }
}

.about__experince--text {
  font-size: 1.4rem;
  display: block;
  margin-top: 0.5rem;
}

@media only screen and (min-width: 1200px) {
  .about__experince--text {
    font-size: 1.5rem;
  }
}

.living__details--content__list {
  font-weight: 600;
}

.living__details--content__list svg {
  margin-right: 1rem;
}

.about__content--footer {
  gap: 3rem;
  margin-top: 2rem;
}

@media only screen and (min-width: 576px) {
  .about__content--footer {
    margin-top: 3rem;
  }
}

.about__video--icon {
  width: 5rem;
  height: 5rem;
  background: var(--color-background);
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.08);
  color: var(--color-hover);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.about__video--icon:hover {
  background: var(--color-hover);
  color: var(--color-white);
}

/*
  Counter Up section
*/
.counterup__section {
  margin-top: -10rem;
}

@media only screen and (min-width: 992px) {
  .counterup__section {
    margin-top: -13rem;
  }
}

.counterup__items {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 9;
}

@media only screen and (min-width: 480px) {
  .counterup__items {
    width: 47%;
  }
}

@media only screen and (min-width: 576px) {
  .counterup__items {
    width: 48%;
  }
}

@media only screen and (min-width: 768px) {
  .counterup__items {
    width: 25%;
  }
}

.counterup__items:last-child::before {
  display: none;
}

.counterup__items::before {
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 10rem;
  background: var(--color-border);
  right: 0;
  top: 50%;
  transform: translatey(-50%);
}

@media only screen and (max-width: 767px) {
  .counterup__items::before {
    display: none;
  }
}

.counterup__inner {
  background: var(--color-background);
  box-shadow: 0 7px 23px 0 rgba(0, 0, 0, 0.09);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 3.5rem 0;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .counterup__inner {
    flex-wrap: wrap;
    gap: 2rem;
  }
}

@media only screen and (max-width: 479px) {
  .counterup__inner {
    gap: 2rem;
    padding: 3rem 2rem;
  }
}

.counterup__number {
  font-weight: 700;
  color: var(--color-hover);
  margin-bottom: 1rem;
}

@media only screen and (min-width: 480px) {
  .counterup__number {
    margin-bottom: 1.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .counterup__number {
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .counterup__number {
    font-size: 4.5rem;
  }
}

@media only screen and (min-width: 1366px) {
  .counterup__number {
    font-size: 5rem;
  }
}

.counterup__subtitle {
  font-size: 1.5rem;
  text-transform: capitalize;
  font-weight: 600;
  line-height: 2rem;
}

@media only screen and (min-width: 480px) {
  .counterup__subtitle {
    font-size: 1.7rem;
    line-height: 2.5rem;
  }
}

.shape__position {
  position: absolute;
  bottom: 0;
  left: 0;
}

.shape__position {
  position: absolute;
  bottom: 0;
  left: 0;
}

.shape__position2 {
  position: absolute;
  bottom: 0;
  right: 0;
}

/*
  Call action css
*/
.call__action--info__text span {
  display: block;
  font-size: 1.7rem;
  font-weight: 700;
  color: var(--color-white);
  margin-bottom: 0.3rem;
}

.call__action--info__text a {
  font-size: 1.5rem;
  color: var(--color-white);
}

.call__action--info__text a:hover {
  color: var(--color-hover);
}

.call__action--icon {
  color: var(--color-hover);
}

.call__action--title {
  font-size: 2rem;
  font-weight: 600;
  color: var(--color-white);
}

@media only screen and (min-width: 480px) {
  .call__action--title {
    font-size: 2.2rem;
  }
}

@media only screen and (min-width: 576px) {
  .call__action--title {
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 768px) {
  .call__action--title {
    font-size: 2.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .call__action--title {
    font-size: 3rem;
  }
}

.call__action--inner {
  background: var(--color-background-4);
  padding: 4rem;
  border-radius: 1rem;
}

@media only screen and (max-width: 991px) {
  .call__action--inner {
    flex-direction: column;
    gap: 3rem;
  }
}

@media only screen and (max-width: 479px) {
  .call__action--inner {
    gap: 2.5rem;
    padding: 3rem 2rem;
    text-align: center;
  }
}

.call__action--right {
  gap: 3rem;
}

@media only screen and (max-width: 479px) {
  .call__action--right {
    flex-direction: column;
    gap: 2rem;
  }
}

.call__action--info {
  gap: 1.2rem;
}

.call__action--container {
  padding: 1rem;
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: 1rem;
}

.bideo__play--text {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 700;
  transition: none;
}

.bideo__play.style2 {
  border: 1px solid var(--color-white);
  padding: 0.6rem;
  border-radius: 50%;
  pointer-events: none;
}

.bideo__play.style2:hover {
  border-color: var(--color-hover);
}

.bideo__play.style2 .bideo__play--icon {
  width: 7.5rem;
  height: 7.5rem;
}

.video__thumbnail {
  line-height: 1;
}

.video__thumbnail .video__field {
  width: 100%;
  cursor: pointer;
}

/*
  home two css
*/
.about__section {
  background: var(--color-background-8);
}

@media only screen and (max-width: 1199px) {
  .about__inner.style2 {
    flex-direction: column;
  }
}

.about__thumbnail--slider {
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .about__thumbnail--slider {
    width: 60rem;
  }
}

@media only screen and (min-width: 1366px) {
  .about__thumbnail--slider {
    width: 72rem;
  }
}

@media only screen and (min-width: 1600px) {
  .about__thumbnail--slider {
    width: 78rem;
  }
}

@media only screen and (min-width: 1800px) {
  .about__thumbnail--slider {
    width: 83rem;
  }
}

.about__content--style {
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .about__content--style {
    width: calc(100% - 60rem);
    padding-left: 4rem;
    padding-right: 2rem;
  }
}

@media only screen and (min-width: 1366px) {
  .about__content--style {
    width: calc(100% - 72rem);
    padding-left: 7rem;
    padding-right: 2rem;
  }
}

@media only screen and (min-width: 1600px) {
  .about__content--style {
    width: calc(100% - 78rem);
    padding-left: 10rem;
    padding-right: 2rem;
  }
}

@media only screen and (min-width: 1800px) {
  .about__content--style {
    width: calc(80% - 83rem);
    padding-right: 0;
  }
}

@media only screen and (max-width: 1199px) {
  .about__content--style {
    padding: 6rem 2rem 0;
  }
}

@media only screen and (max-width: 767px) {
  .about__content--style {
    padding: 5rem 2rem 0;
  }
}

.about__location--text p {
  font-weight: 600;
  color: var(--color-foreground-sub);
}

.about__location--text p svg {
  margin-right: 0.5rem;
}

.about__location--text span {
  margin-left: 1rem;
}

.about__location--desc {
  line-height: 3rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .about__location--desc {
    line-height: 3.2rem;
    margin-bottom: 3rem;
  }
}

.about__price {
  gap: 2rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 480px) {
  .about__price {
    gap: 3rem;
    margin-bottom: 2.2rem;
  }
}

@media only screen and (min-width: 768px) {
  .about__price {
    margin-bottom: 3.2rem;
  }
}

.about__price--field {
  height: 4.2rem;
  line-height: 4rem;
  border: 1px solid var(--color-border);
  background: var(--color-background);
  font-size: 1.6rem;
  font-weight: 700;
  display: inline-block;
  padding: 0 2rem;
  border-radius: 0.5rem;
}

@media only screen and (min-width: 480px) {
  .about__price--field {
    font-size: 1.8rem;
  }
}

.about__price--field.new {
  color: var(--color-hover);
}

.about__price--field.old {
  text-decoration: line-through;
  font-size: 1.7rem;
  color: var(--color-foreground-sub);
}

.apartment__info {
  display: inline-block;
  margin-bottom: 2.5rem;
}

@media only screen and (min-width: 768px) {
  .apartment__info {
    margin-bottom: 3.5rem;
  }
}

.apartment__info--wrapper {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-border);
}

@media only screen and (max-width: 479px) {
  .apartment__info--wrapper {
    flex-wrap: wrap;
    gap: 2rem;
    padding-bottom: 2rem;
  }
}

.apartment__info--list {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  position: relative;
  margin-right: 2rem;
  padding-right: 2rem;
}

@media only screen and (max-width: 479px) {
  .apartment__info--list {
    margin-right: 0;
    padding-right: 0;
  }
}

.apartment__info--list:last-child {
  margin-right: 0;
  padding-right: 0;
}

.apartment__info--list:last-child::before {
  display: none;
}

.apartment__info--list::before {
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 6rem;
  background: var(--color-border);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 479px) {
  .apartment__info--list::before {
    display: none;
  }
}

@media only screen and (max-width: 399px) {
  .apartment__info--icon img {
    max-width: 4rem;
  }
}

.apartment__info--count {
  width: 2.3rem;
  height: 2.3rem;
  text-align: center;
  line-height: 2.1rem;
  background: var(--color-background);
  display: inline-block;
  border: 1px solid var(--color-border);
  color: var(--color-hover);
  font-weight: 700;
  font-size: 1.5rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-bottom: 1rem;
}

.apartment__info--title {
  display: block;
}

.properties__author {
  gap: 2rem;
}

.properties__author--name {
  font-size: 1.8rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}

.properties__author--email {
  line-height: 2rem;
  color: var(--color-foreground-sub);
}

.properties__author--email:hover {
  color: var(--color-hover);
}

.swiper__pagination--bullet__style.bottom {
  bottom: -19px !important;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.7rem 2rem;
}

.swiper__pagination--bullet__style.bottom .swiper-pagination-bullet {
  display: inline-block;
  margin: 0 0.9rem !important;
}

/*
  Team member css
*/
@media only screen and (max-width: 991px) {
  .section__heading.team.mb-40 {
    margin-bottom: 3rem;
  }
}

.team__member--inner {
  gap: 3rem;
  padding: 3rem 2rem;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
  border-radius: 1rem;
  background: var(--color-background);
}

@media only screen and (min-width: 576px) {
  .team__member--inner {
    padding: 3rem;
  }
}

@media only screen and (min-width: 992px) {
  .team__member--inner {
    gap: 4rem;
    padding: 4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .team__member--inner {
    gap: 8rem;
    padding: 6rem;
  }
}

@media only screen and (max-width: 991px) {
  .team__member--inner {
    flex-direction: column;
  }
}

.team__content--desc {
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 500;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 400px) {
  .team__content--desc {
    font-size: 1.7rem;
    line-height: 3rem;
  }
}

@media only screen and (min-width: 992px) {
  .team__content--desc {
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-bottom: 3rem;
  }
}

.team__all--member__link {
  font-size: 1.8rem;
  font-weight: 700;
}

.team__all--member__link svg {
  margin-left: 1rem;
}

.team__member--thumbnail {
  position: relative;
  line-height: 1;
}

.team__member--media__link {
  overflow: hidden;
  position: relative;
}

.team__member--media__link::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--color-background-2);
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 9;
  transition: 0.3s;
}

.team__content {
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .team__content {
    width: 48%;
  }
}

@media only screen and (max-width: 991px) {
  .team__content {
    text-align: center;
  }
}

.team__member--wrapper {
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .team__member--wrapper {
    width: 52%;
  }
}

.team__member--items:hover .team__social--share {
  opacity: 1;
}

.team__member--items:hover .team__member--media {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.team__member--items:hover .team__member--media__link::before {
  opacity: 0.3;
}

.team__social--share {
  position: absolute;
  bottom: 3px;
  left: 0;
  background: var(--color-background);
  padding: 0.8rem 1.5rem;
  gap: 1.3rem;
  opacity: 0;
  transition: 0.3s;
  z-index: 9;
}

.team__social--share__icon {
  color: var(--color-foreground-sub);
}

.team__social--share__icon:hover {
  color: var(--color-hover);
}

.team__member--title {
  margin-bottom: 0.5rem;
}

.team__member--subtitle {
  font-size: 1.3rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  color: var(--color-hover);
  font-weight: 600;
}

.team__member--content {
  padding: 1.5rem 1rem 0;
}

.team__member--link__icon {
  color: var(--color-hover);
}

.team__member--link__icon:hover {
  color: var(--color-foreground);
}

.map__area {
  margin-bottom: -8px;
}

.map__area iframe {
  height: 25rem;
  width: 100%;
}

@media only screen and (min-width: 400px) {
  .map__area iframe {
    height: 30rem;
  }
}

@media only screen and (min-width: 768px) {
  .map__area iframe {
    height: 40rem;
  }
}

@media only screen and (min-width: 1200px) {
  .map__area iframe {
    height: 45rem;
  }
}

@media only screen and (min-width: 1366px) {
  .map__area iframe {
    height: 55rem;
  }
}

.trending__badge {
  position: absolute;
  top: 1rem;
  left: 0;
  background: url(../img/other/tranding-badge.png);
  width: 110px;
  height: 40px;
  line-height: 4rem;
  padding-left: 1.2rem;
  font-weight: 600;
  color: var(--color-white);
}

.trending__badge svg {
  margin-left: 0.8rem;
}

@media only screen and (min-width: 768px) {
  .trending__badge svg {
    margin-left: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .trending__badge {
    width: 152px;
    padding-left: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .trending__badge {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    font-size: 1.3rem;
  }
}

.about__badge {
  position: absolute;
  top: 1rem;
  right: 1rem;
  height: 4rem;
  padding: 0 1.5rem;
  line-height: 4rem;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 700;
  background: var(--color-background);
  border-radius: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .about__badge {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    font-size: 1.3rem;
  }
}

/*
  Home three css
*/
.about__thumbnail--badge {
  display: flex;
  align-items: center;
  position: absolute;
  top: 3rem;
  right: 0;
  z-index: 9;
}

.about__thumbnail--badge::before {
  position: absolute;
  content: "";
  width: 7rem;
  height: 7rem;
  background: var(--color-hover);
  bottom: -4px;
  right: -4px;
  z-index: -1;
  border-radius: 5px;
}

.about__thumbnail--badge__inner {
  background: var(--color-background);
  gap: 1.2rem;
  padding: 1.5rem 2.5rem;
  border-radius: 0.5rem;
}

.about__thumbnail--badge__years--count {
  font-size: 5rem;
  line-height: 4rem;
  color: var(--color-hover);
  font-weight: 800;
  font-family: var(--font-body-family);
  margin-right: 1rem;
}

@media only screen and (min-width: 576px) {
  .about__thumbnail--badge__years--count {
    font-size: 7rem;
    line-height: 6rem;
  }
}

.about__thumbnail--badge__years--text {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 700;
}

@media only screen and (min-width: 576px) {
  .about__thumbnail--badge__years--text {
    font-size: 2.3rem;
    line-height: 3.2rem;
  }
}

.about__content--details__step--title {
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 576px) {
  .about__content--details__step--title {
    font-size: 2.2rem;
    line-height: 2.8rem;
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 992px) {
  .about__content--details__step--title {
    font-size: 2.5rem;
  }
}

/*
  home four css
*/
.about__thumbnail--style4 {
  position: relative;
  gap: 2rem;
  padding-top: 2rem;
  padding-left: 2rem;
  z-index: 9;
  width: 100%;
}

@media only screen and (min-width: 576px) {
  .about__thumbnail--style4 {
    padding-top: 3rem;
    padding-left: 3rem;
    width: 90%;
  }
}

@media only screen and (min-width: 992px) {
  .about__thumbnail--style4 {
    width: 46rem;
  }
}

@media only screen and (min-width: 1200px) {
  .about__thumbnail--style4 {
    width: 55rem;
  }
}

@media only screen and (min-width: 1366px) {
  .about__thumbnail--style4 {
    width: 60rem;
  }
}

@media only screen and (max-width: 991px) {
  .about__thumbnail--style4 {
    margin: 0 auto 4rem;
  }
}

.about__content--style4 {
  width: 100%;
  padding-left: 0;
}

@media only screen and (min-width: 992px) {
  .about__content--style4 {
    width: calc(100% - 46rem);
    padding-left: 4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .about__content--style4 {
    width: calc(100% - 55rem);
    padding-left: 7rem;
  }
}

@media only screen and (min-width: 1366px) {
  .about__content--style4 {
    width: calc(100% - 60rem);
  }
}

.about__thumbnail--items.two {
  margin-top: 4rem;
}

.about__thumbnail--shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.about__thumbnail--badge__style4 {
  position: absolute;
  bottom: 5rem;
  left: 0;
  background: var(--color-hover);
  padding: 1.7rem 1.5rem;
  text-align: center;
}

.about__thumbnail--badge__style4--count {
  font-size: 4rem;
  line-height: 3rem;
  font-weight: 800;
  color: var(--color-white);
  display: block;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 576px) {
  .about__thumbnail--badge__style4--count {
    font-size: 5rem;
    line-height: 4rem;
  }
}

.about__thumbnail--badge__style4--text {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: var(--color-white);
}

@media only screen and (min-width: 576px) {
  .about__thumbnail--badge__style4--text {
    font-size: 1.5rem;
  }
}

.bideo__play.style3 {
  left: 53%;
}

/*
  Counter up css
*/
.counterup__banner--section {
  background: url(../img/banner/counterup-banner-bg.png);
  padding: 6rem 0;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .counterup__banner--section {
    padding: 7rem 0;
  }
}

@media only screen and (min-width: 992px) {
  .counterup__banner--section {
    padding: 8rem 0;
  }
}

.counterup__banner--section::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.82);
  left: 0;
  top: 0;
}

.counterup__banner--subtitle {
  color: var(--color-white);
  font-size: 1.6rem;
  line-height: 1.8rem;
}

@media only screen and (max-width: 767px) {
  .counterup__banner--inner {
    flex-wrap: wrap;
    gap: 2rem;
  }
}

/*
  Home five css
*/
@media only screen and (max-width: 1199px) {
  .about__style--heading.mb-50 {
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 991px) {
  .about__inner.md-col-reverse {
    flex-direction: column-reverse;
    gap: 3rem;
  }
}

.about__content--listing {
  gap: 3rem;
}

@media only screen and (max-width: 575px) {
  .about__content--listing {
    flex-direction: column;
    gap: 2.5rem;
  }
}

@media only screen and (max-width: 479px) {
  .about__content--listing {
    gap: 2rem;
  }
}

.about__content--listing__step {
  width: 100%;
}

@media only screen and (min-width: 576px) {
  .about__content--listing__step {
    width: 50%;
  }
}

.about__content--listing__items {
  margin-bottom: 2rem;
  gap: 2rem;
}

.about__content--listing__items:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 480px) {
  .about__content--listing__items {
    margin-bottom: 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .about__content--listing__items {
    margin-bottom: 3.5rem;
  }
}

.about__content--listing__icon {
  min-width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-hover);
  background: rgba(22, 163, 74, 0.14);
  border-radius: 50%;
  margin-top: 0.6rem;
}

.about__content--listing__desc {
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 700;
}

@media only screen and (min-width: 480px) {
  .about__content--listing__desc {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

.about__gallery {
  width: 100%;
  gap: 2rem;
}

@media only screen and (min-width: 992px) {
  .about__gallery {
    width: 40rem;
  }
}

@media only screen and (min-width: 1200px) {
  .about__gallery {
    width: 50rem;
  }
}

@media only screen and (min-width: 1366px) {
  .about__gallery {
    width: 58rem;
  }
}

.about__content--style5 {
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .about__content--style5 {
    width: calc(100% - 40rem);
    padding-right: 4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .about__content--style5 {
    width: calc(100% - 50rem);
    padding-right: 5rem;
  }
}

@media only screen and (min-width: 1366px) {
  .about__content--style5 {
    width: calc(100% - 58rem);
    padding-right: 6rem;
  }
}

/*
  call action section css
*/
.call__action--section.margin-bottom-style {
  margin-bottom: -8rem;
  position: relative;
  z-index: 9;
}

/* 
    12. Featured css
*/
.featured__section {
  background: url(../img/other/bg-full-1.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}

.featured__card {
  background: var(--color-background);
  padding: 1.5rem;
  height: 58rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.featured__card:hover .featured__thumbnail--img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.featured__thumbnail--link {
  overflow: hidden;
  border-radius: 1rem;
}

@media only screen and (max-width: 575px) {
  .featured__thumbnail--link {
    display: block;
  }
}

.featured__thumbnail--img {
  border-radius: 1rem;
}

@media only screen and (max-width: 575px) {
  .featured__thumbnail--img {
    width: 100%;
  }
}

.featured__content {
  padding: 0.8rem 0.2rem 0;
}

@media only screen and (min-width: 1600px) {
  .featured__content {
    padding: 0.8rem 0.8rem 0;
  }
}

@media only screen and (max-width: 1599px) {
  .featured__card--title {
    font-size: 1.8rem;
  }
}

.featured__badge {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  display: flex;
  gap: 1.2rem;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .featured__badge {
    flex-direction: column;
  }
}

.featured__badge.style2 {
  flex-direction: column;
}

.badge__field {
  font-size: 1.4rem;
  height: 2.7rem;
  line-height: 2.7rem;
  padding: 0 1.5rem;
  font-weight: 600;
  background: var(--color-hover);
  color: var(--color-white);
  display: inline-block;
  border-radius: 2rem;
  cursor: pointer;
}

.badge__field.style2 {
  background: var(--color-background);
  color: var(--color-foreground);
}

.featured__action {
  position: absolute;
  top: 3rem;
  right: 0;
}

.featured__action--btn {
  width: 3.8rem;
  height: 3.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--color-border);
  color: var(--color-hover);
  background: var(--color-background);
}

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

.featured__action--items:last-child .featured__action--btn {
  border-bottom: 0;
}

.featured__content--top {
  margin-bottom: 2rem;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .featured__content--top {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 1rem;
  }
}

.featured__card--price {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: var(--color-hover);
}

@media only screen and (min-width: 1600px) {
  .featured__card--price {
    font-size: 2.2rem;
  }
}

.featured__content--desc {
  font-size: 1.4rem;
  color: var(--color-foreground-sub);
  line-height: 2.2rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .featured__content--desc {
    font-size: 1.5rem;
    line-height: 2.2rem;
    margin-bottom: 2.5rem;
  }
}

.featured__content--desc svg {
  margin-right: 0.5rem;
}

.featured__info--text {
  display: block;
  color: var(--color-foreground-sub);
  margin-top: 0.7rem;
}

@media only screen and (max-width: 1500px) {
  .featured__info--text {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .featured__info--text {
    font-size: 1.4rem;
  }
}

.featured__info--items {
  position: relative;
  margin-right: 1.2rem;
  padding-right: 1.2rem;
}

@media only screen and (min-width: 480px) {
  .featured__info--items {
    margin-right: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .featured__info--items {
    margin-right: 0.8rem;
    padding-right: 0.8rem;
  }
}

.featured__info--items:last-child {
  margin-right: 0;
  padding-right: 0;
}

.featured__info--items:last-child::before {
  display: none;
}

.featured__info--items::before {
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 3.5rem;
  background: var(--color-border);
  right: 0;
  top: 50%;
  transform: translatey(-50%);
}

.featured__info--icon {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: 600;
  line-height: 2.2rem;
}

@media only screen and (max-width: 1500px) {
  .featured__info--icon {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .featured__info--icon {
    font-size: 1.3rem;
    gap: 0.5rem;
  }
}

.featured__content--footer {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--color-border);
}

.featured__author {
  gap: 1rem;
}

@media only screen and (min-width: 1600px) {
  .featured__author {
    gap: 1.5rem;
  }
}

.featured__card:hover .featured__author--img::before {
  background: var(--color-hover);
}

.featured__author--img::before {
  position: absolute;
  content: "";
  width: 4.4rem;
  height: 5.6rem;
  background: var(--color-background-3);
  top: -3px;
  left: -2px;
  border-radius: 2.2rem 2.2rem 0 0;
  transition: 0.3s;
}

.featured__author--img img {
  position: relative;
  z-index: 9;
}

.featured__author--name {
  font-weight: 700;
}

@media only screen and (max-width: 1599px) {
  .featured__author--name {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .featured__author--name {
    font-size: 1.3rem;
    line-height: 2rem;
  }
}

.featured__content--share {
  gap: 1.2rem;
}

.featured__share--btn {
  width: 3.5rem;
  height: 3.5rem;
  background: var(--color-background-3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-foreground);
}

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

.share__dropdown--menu {
  width: 14rem;
  min-width: 14rem;
  border: 1px solid var(--color-border);
  background: var(--color-background);
  padding: 1.5rem;
  border-radius: 1rem;
}

.social__share--link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.social__share--link span {
  font-size: 1.5rem;
  font-weight: 600;
}

.social__share--list {
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.social__share--list:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.featured__navigation {
  position: absolute;
  top: -64px;
  right: 4px;
  width: 95px;
}

@media only screen and (max-width: 575px) {
  .featured__navigation {
    top: -52px;
  }
}

@media only screen and (max-width: 479px) {
  .featured__navigation {
    display: none;
  }
}

.featured__navigation .swiper__nav--btn {
  position: inherit;
  opacity: 1;
  visibility: visible;
}

/*
    Popular featured css
*/
.popular__featured--section {
  /* background: url(../img/other/bg-full-4.png); */
  padding-bottom: 14rem;
  background-position: center center;
  background-size: cover;
}

@media only screen and (min-width: 992px) {
  .popular__featured--section {
    padding-bottom: 16rem;
  }
}

.popular__featured--column5 {
  padding-bottom: 5rem;
}

.popular__featured--card:hover .popular__featured--badge {
  opacity: 1;
}

.popular__featured--card:hover .popular__featured--img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.popular__featured--card:hover .popular__featured--subtitle span {
  transform: rotate(45deg);
}

.popular__featured--img {
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.popular__featured--link {
  overflow: hidden;
  border-radius: 1rem;
  position: relative;
}

.popular__featured--link::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.62));
  transition: 0.3s;
  z-index: 9;
}

.popular__featured--content {
  position: absolute;
  bottom: 3.5rem;
  left: 1.5rem;
  cursor: pointer;
  z-index: 9;
}

.popular__featured--badge {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  z-index: 9;
}

.popular__featured--thumbnail {
  line-height: 1;
}

.popular__featured--title {
  color: var(--color-white);
  margin-bottom: 1.5rem;
}

.popular__featured--subtitle {
  color: var(--color-white);
  text-transform: uppercase;
}

.popular__featured--subtitle span {
  color: var(--color-hover);
  margin-left: 1rem;
}

.popular__featured--badge {
  width: 4.5rem;
  height: 4.5rem;
  background: var(--color-hover);
  color: var(--color-white);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.featured__support--desc {
  font-size: 1.8rem;
  color: var(--color-white);
  font-weight: 600;
  margin-top: 3rem;
}

@media only screen and (min-width: 992px) {
  .featured__support--desc {
    margin-top: 5rem;
  }
}

.featured__support--desc a {
  color: var(--color-hover);
}

.featured__support--desc a:hover {
  text-decoration: underline;
}

/*
    featured list css
*/
.featured__card--list {
  padding: 2rem;
  background: var(--color-background);
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
  border-radius: 1rem;
}

@media only screen and (max-width: 575px) {
  .featured__card--list {
    flex-direction: column;
  }
}

.featured__card--list__thumbnail {
  width: 100%;
}

@media only screen and (min-width: 576px) {
  .featured__card--list__thumbnail {
    width: 20rem;
  }
}

@media only screen and (min-width: 992px) {
  .featured__card--list__thumbnail {
    width: 21rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .featured__card--list__thumbnail {
    width: 28rem;
  }
}

.featured__card--list__thumbnail .media {
  line-height: 1;
}

.featured__card--list__content {
  width: 100%;
  padding: 2rem 0 0;
}

@media only screen and (min-width: 576px) {
  .featured__card--list__content {
    width: calc(100% - 20rem);
    padding: 0 0 0 2rem;
  }
}

@media only screen and (min-width: 992px) {
  .featured__card--list__content {
    width: calc(100% - 21rem);
    padding: 0 2rem 0 3rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .featured__card--list__content {
    width: calc(100% - 28rem);
  }
}

.featured__card--list:hover .featured__list--wishlist__btn.style2 {
  color: var(--color-hover);
  border-color: var(--color-hover);
}

.featured__card--list:hover .featured__thumbnail--img {
  transform: scale(1.1);
}

.featured__author--img__style2 {
  position: absolute;
  bottom: 2rem;
  left: 1rem;
}

.featured__info--list__style {
  padding: 2rem 0 1.5rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--color-border);
}

.featured__list--wishlist__btn.style2 {
  width: 3rem;
  height: 3rem;
  border: 1px solid var(--color-border);
  color: #e0e2e9;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 576px) {
  .featured__list--wishlist__btn.style2 {
    width: 4rem;
    height: 4rem;
  }
}

.featured__content--list__top {
  margin-bottom: 0.5rem;
}

@media only screen and (min-width: 576px) {
  .featured__content--list__top {
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .featured__properties--footer.mt-50 {
    margin-top: 3rem;
  }
}

/*
    featured best selling css
*/
.featured__best--selling__section {
  background: #f8f7fc;
}

.featured__best--selling__inner {
  padding-bottom: 6rem;
}

@media only screen and (min-width: 768px) {
  .featured__best--selling__inner {
    padding-bottom: 7rem;
  }
}

@media only screen and (min-width: 992px) {
  .featured__best--selling__inner {
    padding-bottom: 8rem;
  }
}

.best__selling--advanced__text {
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 500;
  position: relative;
  margin-top: 2rem;
  padding-left: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .best__selling--advanced__text {
    font-size: 2rem;
    line-height: 2.2rem;
    margin-top: 2.5rem;
  }
}

.best__selling--advanced__text::before {
  position: absolute;
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  background: var(--color-hover);
  left: 0;
  top: 50%;
  transform: translatey(-50%);
}

.best__selling--advanced__text span {
  color: var(--color-hover);
}

.best__selling--download__btn {
  background: var(--color-background);
  color: var(--color-foreground);
  padding: 0 2rem;
}

.best__selling--download__btn svg {
  margin-left: 0.5rem;
}

.best__selling--thumbnail {
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .best__selling--thumbnail {
    width: 80%;
  }
}

@media only screen and (min-width: 1200px) {
  .best__selling--thumbnail {
    width: 71%;
  }
}

.best__selling--thumbnail .swiper__nav--btn {
  bottom: 0;
  top: auto;
  transform: inherit;
  opacity: 1;
  visibility: visible;
  border-radius: 0;
  background: var(--color-background-2);
  color: var(--color-white);
  width: 4.5rem;
  height: 4rem;
}

@media only screen and (min-width: 576px) {
  .best__selling--thumbnail .swiper__nav--btn {
    width: 5.5rem;
    height: 5rem;
  }
}

.best__selling--thumbnail .swiper__nav--btn:hover {
  background: var(--color-hover);
}

.best__selling--thumbnail .swiper__nav--btn.swiper-button-next {
  left: 4.5rem;
  right: auto;
}

@media only screen and (min-width: 576px) {
  .best__selling--thumbnail .swiper__nav--btn.swiper-button-next {
    left: 5.5rem;
  }
}

.best__selling--thumbnail .swiper__nav--btn.swiper-button-disabled {
  background: var(--color-hover);
}

.best__selling--content {
  position: absolute;
  bottom: 0;
  right: 0;
  background: var(--color-hover);
  padding: 4rem 3rem;
  z-index: 9;
}

@media only screen and (min-width: 992px) {
  .best__selling--content {
    width: 45rem;
  }
}

@media only screen and (max-width: 991px) {
  .best__selling--content {
    position: inherit;
    margin-top: 3rem;
  }
}

.best__selling--subtitle {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--color-white);
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 1200px) {
  .best__selling--subtitle {
    font-size: 1.5rem;
  }
}

.best__selling--subtitle svg {
  margin-right: 0.5rem;
}

@media only screen and (max-width: 1199px) {
  .best__selling--content__heading.mb-50 {
    margin-bottom: 4rem;
  }
}

@media only screen and (max-width: 991px) {
  .best__selling--content__heading.mb-50 {
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 991px) {
  .best__selling--info.mb-50 {
    margin-bottom: 3rem;
  }
}

.best__selling--title {
  font-size: 2.2rem;
  color: var(--color-white);
}

@media only screen and (min-width: 1200px) {
  .best__selling--title {
    font-size: 2.4rem;
  }
}

.best__selling--info__list {
  margin-bottom: 2.5rem;
}

@media only screen and (min-width: 1200px) {
  .best__selling--info__list {
    margin-bottom: 3.5rem;
  }
}

@media only screen and (max-width: 399px) {
  .best__selling--info__list {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.best__selling--info__list:last-child {
  margin-bottom: 0;
}

.best__selling--info__text {
  font-weight: 500;
  color: var(--color-white);
}

.featured__column3 {
  padding-bottom: 7rem;
}

.featured-pagination4 .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
}

.featured-pagination4 .swiper-pagination-bullet::before {
  left: -5px;
  top: -5px;
}

.featured__section--footer {
  margin-top: 3rem;
}

@media only screen and (min-width: 768px) {
  .featured__section--footer {
    margin-top: 4rem;
  }
}

/* 
    17. Location css
*/
.location__section {
  background: url(../img/other/bg-full-2.png);
  position: relative;
  background-position: center center;
  background-size: cover;
}

.location__section.section--padding {
  padding-bottom: 10rem;
}

@media only screen and (min-width: 1200px) {
  .location__section.section--padding {
    padding-bottom: 13.2rem;
  }
}

.location__inner {
  gap: 3rem;
  position: relative;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .location__inner {
    flex-direction: column;
  }
}

.location__step {
  width: 33.33%;
}

@media only screen and (max-width: 767px) {
  .location__step {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .location__step.step__img {
    order: 1;
  }
}

.location__list {
  border: 1px solid rgba(255, 255, 255, 0.09);
  padding: 1rem;
  border-radius: 1rem;
  margin-bottom: 3rem;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .location__list {
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 992px) {
  .location__list {
    padding: 1.5rem;
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 1200px) {
  .location__list {
    margin-bottom: 5rem;
  }
}

.location__list:last-child {
  margin-bottom: 0;
}

.location__list.active {
  background: #2b2e3a;
}

.location__thumbnail {
  text-align: center;
}

.location__thumbnail img {
  margin: 0 auto;
}

.location__name {
  color: var(--color-white);
  margin-bottom: 1rem;
}

@media only screen and (max-width: 991px) {
  .location__name {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}

.location__properties--count {
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--color-hover);
}

.location__map {
  width: 8rem;
}

@media only screen and (min-width: 768px) {
  .location__map {
    width: 6rem;
  }
}

@media only screen and (min-width: 992px) {
  .location__map {
    width: 8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .location__map {
    width: 9rem;
  }
}

.location__content {
  width: calc(100% - 6rem);
  padding-left: 1.5rem;
}

@media only screen and (min-width: 992px) {
  .location__content {
    width: calc(100% - 8rem);
    padding-left: 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .location__content {
    width: calc(100% - 9rem);
    padding-left: 3.5rem;
  }
}

.location__icon {
  color: var(--color-hover);
}

.location__btn {
  margin-top: 3rem;
}

@media only screen and (min-width: 992px) {
  .location__btn {
    margin-top: 5rem;
  }
}

.shape__250 {
  position: absolute;
  right: 4rem;
  top: 50%;
  transform: translatey(-50%);
}

@media only screen and (max-width: 1599px) {
  .shape__250 {
    right: 4rem;
    top: 10%;
    max-width: 4rem;
  }
}

/*
    Home three css
*/
.location__section--style3 {
  background: var(--color-background-4);
  position: relative;
}

.location__section--style3 .location__list.active {
  background: #113344;
}

.location__position--map {
  position: absolute;
  top: 0;
}

.section__heading.z-index-9 {
  z-index: 9;
}

/* 
    21. Property css
*/
.property__type--section {
  background: url(../img/other/bg-full-3.png);
}

.property__type--inner {
  gap: 3rem;
}

@media only screen and (max-width: 767px) {
  .property__type--inner {
    flex-wrap: wrap;
  }
}

.property__type--box {
  width: 25%;
}

@media only screen and (max-width: 767px) {
  .property__type--box {
    width: 47%;
  }
}

@media only screen and (max-width: 575px) {
  .property__type--box {
    width: 46%;
  }
}

@media only screen and (max-width: 479px) {
  .property__type--box {
    width: 100%;
  }
}

.property__type--box:hover .property__type--badge {
  background: var(--color-hover);
  color: var(--color-white);
}

.property__type--icon {
  background: var(--color-background);
  height: 22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.05);
  border-radius: 1rem;
  position: relative;
}

@media only screen and (max-width: 991px) {
  .property__type--icon {
    height: 17rem;
  }
}

@media only screen and (max-width: 991px) {
  .property__type--icon span svg {
    width: 5rem;
    height: 5rem;
  }
}

.property__type--content {
  text-align: center;
  border-radius: 0.5rem;
}

.property__type--badge {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 4.5rem;
  height: 4.5rem;
  background: var(--color-background);
  color: var(--color-hover);
  box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  transition: 0.3s;
}

.property__type--content {
  padding-top: 2rem;
}

.property__type--title {
  font-weight: 700;
  margin-bottom: 1.2rem;
}

.property__type--subtitle {
  font-weight: 700;
  color: var(--color-hover);
  font-size: 1.7rem;
}

/*
    Sell property section css
*/
.sell__property--box {
  padding: 3rem 1.5rem;
  background: var(--color-background);
  box-shadow: 0 6px 24px 0 rgba(122, 122, 122, 0.12);
  transition: 0.3s;
}

@media only screen and (min-width: 1200px) {
  .sell__property--box {
    padding: 4rem 2.5rem;
  }
}

.sell__property--box:hover {
  transform: translateY(-15px);
  background: var(--color-hover);
}

.sell__property--box:hover .sell__property--icon span {
  background: rgba(255, 255, 255, 0.1);
  color: var(--color-white);
  border: 0;
}

.sell__property--box:hover .sell__property--content__title {
  color: var(--color-white);
}

.sell__property--box:hover .sell__property--content__desc {
  color: var(--color-white);
}

.sell__property--icon span {
  width: 8rem;
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border);
  border-radius: 50%;
  color: var(--color-hover);
}

@media only screen and (min-width: 1200px) {
  .sell__property--icon span {
    width: 9rem;
    height: 9rem;
  }
}

.sell__property--content__title {
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 1rem;
  transition: 0.3s;
}

@media only screen and (min-width: 1200px) {
  .sell__property--content__title {
    font-size: 2.2rem;
    margin-bottom: 1.2rem;
  }
}

.sell__property--content__desc {
  color: var(--color-foreground-sub);
  transition: 0.3s;
}

.sell__property--content {
  width: calc(100% - 8rem);
  padding-left: 2rem;
}

@media only screen and (min-width: 1200px) {
  .sell__property--content {
    width: calc(100% - 9rem);
  }
}

.property__type--section.style2 {
  background: var(--color-background-8);
  padding-top: 13.5rem;
}

@media only screen and (min-width: 768px) {
  .property__type--section.style2 {
    padding-top: 15rem;
  }
}

@media only screen and (min-width: 992px) {
  .property__type--section.style2 {
    padding-top: 17.5rem;
  }
}

/*
    22. Testimonial css
*/
.testimonial__section {
  background: url(../img/other/bg-full-5.png);
}

.testimonial__inner {
  padding: 2rem 0 5rem;
}

@media only screen and (min-width: 992px) {
  .testimonial__inner {
    padding: 3rem 0 6rem;
  }
}

.testimonial__card {
  background: var(--color-background);
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0 7px 32px 0 rgba(0, 0, 0, 0.08);
}

@media only screen and (min-width: 480px) {
  .testimonial__card {
    padding: 2.5rem 2rem;
  }
}

@media only screen and (min-width: 992px) {
  .testimonial__card {
    padding: 3rem;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial__card {
    padding: 4rem 3.5rem;
  }
}

.testimonial__author {
  gap: 1.5rem;
}

.testimonial__author--name {
  margin-bottom: 0.5rem;
}

.testimonial__author--subtitle {
  line-height: 2rem;
  color: var(--color-hover);
}

.testimonial__card--top {
  margin-bottom: 2rem;
}

@media only screen and (max-width: 991px) {
  .testimonial__card--top span svg {
    width: 4rem;
  }
}

.testimonial__desc {
  /* font-size: 1.5rem; */
  line-height: 2.8rem;
  font-family: Nunito, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  color: rgb(94, 95, 99) !important;
}

@media only screen and (min-width: 992px) {
  .testimonial__desc {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial__desc {
    line-height: 3.2rem;
    font-size: 1.7rem;
  }
}

.testimonial__container {
  padding: 0;
}

@media only screen and (min-width: 992px) {
  .testimonial__container {
    padding: 0 5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial__container {
    padding: 0 8rem;
  }
}

.testimonial__container .swiper__nav--btn {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 991px) {
  .testimonial__container .swiper__nav--btn {
    opacity: 0;
    visibility: hidden;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial__container:hover .swiper__nav--btn {
    opacity: 1;
    visibility: visible;
  }
}

@media only screen and (max-width: 479px) {
  .testimonial__icon {
    display: none;
  }
}

/*
    home two css
*/
.testimonial__section--two {
  background: var(--color-background-3);
}

@media only screen and (max-width: 767px) {
  .testimonial__inner--style2 {
    flex-direction: column;
    gap: 3rem;
  }
}

.testimonial__thumbnail {
  width: 28rem;
}

@media only screen and (min-width: 400px) {
  .testimonial__thumbnail {
    width: 32rem;
  }
}

@media only screen and (min-width: 480px) {
  .testimonial__thumbnail {
    width: 40rem;
  }
}

@media only screen and (min-width: 768px) {
  .testimonial__thumbnail {
    width: 28rem;
  }
}

@media only screen and (min-width: 992px) {
  .testimonial__thumbnail {
    width: 40rem;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial__thumbnail {
    width: 53rem;
  }
}

.testimonial__content {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .testimonial__content {
    width: calc(100% - 28rem);
    padding-left: 3rem;
  }
}

@media only screen and (min-width: 992px) {
  .testimonial__content {
    width: calc(100% - 40rem);
    padding-left: 5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial__content {
    width: calc(100% - 53rem);
    padding-left: 6rem;
  }
}

@media only screen and (min-width: 1366px) {
  .testimonial__content {
    padding-left: 10rem;
  }
}

.swiper-pagination.testimonial__pagination--style {
  position: inherit;
  width: auto;
  padding: 0.4rem 1.3rem;
  border-radius: 3rem;
}

.testimonial__author--title {
  margin-bottom: 1rem;
}

.testimonial__author--style {
  position: relative;
  padding-left: 0;
  margin-left: 2.5rem;
}

@media only screen and (min-width: 400px) {
  .testimonial__author--style {
    padding-left: 7rem;
    margin-left: 1.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .testimonial__author--style {
    padding-left: 14.5rem;
    margin-left: 2rem;
  }
}

.testimonial__author--style::before {
  position: absolute;
  content: "";
  width: 5rem;
  height: 0.1rem;
  background: var(--color-border);
  left: 0;
  top: 50%;
}

@media only screen and (min-width: 992px) {
  .testimonial__author--style::before {
    width: 12rem;
  }
}

@media only screen and (max-width: 399px) {
  .testimonial__author--style::before {
    display: none;
  }
}

.testimonial__pagination--style {
  background: var(--color-background);
  border: 1px solid var(--color-border);
}

.testimonial__footer {
  margin-top: 2rem;
}

@media only screen and (min-width: 992px) {
  .testimonial__footer {
    margin-top: 4rem;
  }
}

.testimonial__content--desc {
  font-size: 1.6rem;
  line-height: 3rem;
  color: var(--color-foreground);
  font-weight: 500;
}

@media only screen and (min-width: 992px) {
  .testimonial__content--desc {
    font-size: 1.8rem;
    line-height: 3.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial__content--desc {
    font-size: 2rem;
    line-height: 3.7rem;
  }
}

.testimonial__content--desc span {
  color: var(--color-hover);
}

.testimonial__thumbnail--text {
  position: absolute;
  bottom: 54px;
  right: 35px;
  font-size: 1.5rem;
  font-weight: 500;
  transform: rotate(-30deg);
  color: var(--color-white);
}

@media only screen and (min-width: 400px) {
  .testimonial__thumbnail--text {
    bottom: 63px;
    right: 48px;
  }
}

@media only screen and (min-width: 480px) {
  .testimonial__thumbnail--text {
    bottom: 82px;
    right: 75px;
  }
}

@media only screen and (min-width: 768px) {
  .testimonial__thumbnail--text {
    bottom: 53px;
    right: 33px;
  }
}

@media only screen and (min-width: 992px) {
  .testimonial__thumbnail--text {
    bottom: 81px;
    right: 56px;
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial__thumbnail--text {
    bottom: 113px;
    right: 98px;
  }
}

.testimonial__position--icon {
  position: absolute;
  bottom: 4rem;
  right: 4rem;
}

@media only screen and (min-width: 1200px) {
  .testimonial__position--icon {
    bottom: 8rem;
    right: 6rem;
  }
}

@media only screen and (min-width: 1600px) {
  .testimonial__position--icon {
    bottom: 10rem;
    right: 10rem;
  }
}

@media only screen and (max-width: 1199px) {
  .testimonial__position--icon {
    max-width: 4rem;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial__position--icon {
    display: none;
  }
}

.testimonial__position--author__img {
  position: absolute;
  top: 2rem;
  left: 2rem;
}

@media only screen and (min-width: 1200px) {
  .testimonial__position--author__img {
    top: 3rem;
    left: 3rem;
  }
}

@media only screen and (min-width: 1600px) {
  .testimonial__position--author__img {
    top: 7rem;
    left: 5rem;
  }
}

@media only screen and (max-width: 1199px) {
  .testimonial__position--author__img {
    max-width: 7rem;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial__position--author__img {
    display: none;
  }
}

.testimonial__position--author__img2 {
  position: absolute;
  top: 2rem;
  right: 2rem;
}

@media only screen and (min-width: 1200px) {
  .testimonial__position--author__img2 {
    top: 3rem;
    right: 3rem;
  }
}

@media only screen and (min-width: 1600px) {
  .testimonial__position--author__img2 {
    top: 7rem;
    right: 5rem;
  }
}

@media only screen and (max-width: 1199px) {
  .testimonial__position--author__img2 {
    max-width: 7rem;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial__position--author__img2 {
    display: none;
  }
}

.testimonial__author--wrapper {
  gap: 1.8rem;
}

.testimonial__author--small__thumb {
  border: 3px solid var(--color-white);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.testimonial__gallery {
  height: 410px;
  padding-left: 90px;
  width: 226px;
  position: absolute;
  right: 150px;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 1200px) {
  .testimonial__gallery {
    right: 200px;
  }
}

@media only screen and (min-width: 1366px) {
  .testimonial__gallery {
    padding-left: 130px;
    width: 265px;
    right: 280px;
  }
}

@media only screen and (min-width: 1550px) {
  .testimonial__gallery {
    right: 400px;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial__gallery {
    position: inherit;
    transform: inherit;
    right: 0;
  }
}

.testimonial__gallery--items {
  width: 13.5rem;
  border: 3px solid var(--color-white);
  cursor: pointer;
}

.testimonial__section--three {
  background: var(--color-background-3);
}

@media only screen and (max-width: 991px) {
  .testimonial__section--three {
    padding-bottom: 5rem;
  }
}

.testimonial__section--three::before {
  position: absolute;
  content: "";
  width: 357px;
  height: 100%;
  background: var(--color-background-4);
  right: 0;
  bottom: 0;
}

@media only screen and (min-width: 1200px) {
  .testimonial__section--three::before {
    width: 407px;
  }
}

@media only screen and (min-width: 1366px) {
  .testimonial__section--three::before {
    width: 525px;
  }
}

@media only screen and (min-width: 1550px) {
  .testimonial__section--three::before {
    width: 645px;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial__section--three::before {
    width: 100%;
    height: 513px;
  }
}

.testimonial__content.style3 {
  padding-left: 0;
}

@media only screen and (min-width: 992px) {
  .testimonial__content.style3 {
    padding-right: 5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial__content.style3 {
    padding-right: 6rem;
    width: calc(100% - 50rem);
  }
}

@media only screen and (min-width: 1366px) {
  .testimonial__content.style3 {
    padding-right: 22rem;
    width: calc(100% - 40rem);
  }
}

@media only screen and (max-width: 991px) {
  .testimonial__content.style3 {
    padding: 0 0 8rem;
    width: 100%;
  }
}

.testimonial__pagination--style3 {
  background: var(--color-background);
  border: 1px solid var(--color-border);
  padding: 1rem 0.4rem;
  border-radius: 3rem;
  width: 4rem !important;
  text-align: center;
  left: 0 !important;
  right: 0 !important;
  height: 11rem;
}

.testimonial__pagination--style3 .swiper-pagination-bullet {
  margin: 1.2rem auto !important;
}

.testimonial__position--author__img3 {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}

@media only screen and (min-width: 1400px) {
  .testimonial__position--author__img3 {
    bottom: 6rem;
    left: 3rem;
  }
}

@media only screen and (min-width: 1700px) {
  .testimonial__position--author__img3 {
    bottom: 10rem;
    left: 5rem;
  }
}

@media only screen and (max-width: 1699px) {
  .testimonial__position--author__img3 {
    max-width: 90px;
  }
}

@media only screen and (max-width: 1499px) {
  .testimonial__position--author__img3 {
    max-width: 70px;
  }
}

.testimonial__position--author__img4 {
  position: absolute;
  top: 2rem;
  right: 43%;
}

@media only screen and (min-width: 1700px) {
  .testimonial__position--author__img4 {
    top: 6rem;
    right: 40%;
  }
}

@media only screen and (max-width: 1699px) {
  .testimonial__position--author__img4 {
    max-width: 90px;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial__position--author__img4 {
    display: none;
  }
}

.testimonial__rating {
  gap: 0.8rem;
  display: flex;
}

.testimonial__footer.style3 {
  gap: 3rem;
  justify-content: space-between;
}

@media only screen and (max-width: 479px) {
  .testimonial__footer.style3 {
    gap: 2rem;
    flex-direction: column-reverse;
    align-items: flex-start !important;
  }
}

.testimonial__feedback--badge {
  position: absolute;
  top: 0;
  left: 5rem;
  background: var(--color-hover);
  color: var(--color-white);
  padding: 0.7rem 1.3rem;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .testimonial__feedback--badge {
    padding: 0.5rem 1rem;
  }

  .testimonial__feedback--badge svg {
    width: 20px;
  }
}

@media only screen and (max-width: 1699px) {
  .testimonial__position--author__img.style3 {
    top: 6rem;
    left: 1rem;
    max-width: 75px;
  }
}

@media only screen and (max-width: 1499px) {
  .testimonial__position--author__img.style3 {
    display: none;
  }
}

.swiper-slide-active .testimonial__gallery--items {
  position: relative;
}

.swiper-slide-active .testimonial__gallery--items::before {
  position: absolute;
  content: "";
  border: 4px solid var(--color-hover);
  width: 108%;
  height: 109%;
  left: -7px;
  bottom: -7px;
  border-right: 0;
  border-top: 0;
}

/*
    Home four css
*/
.testimonial__items {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .testimonial__items {
    flex-direction: column;
    gap: 3.5rem;
  }
}

.testimonial__items--thumbnail {
  width: 100%;
}

@media only screen and (min-width: 576px) {
  .testimonial__items--thumbnail {
    width: 80%;
  }
}

@media only screen and (min-width: 768px) {
  .testimonial__items--thumbnail {
    width: 30rem;
  }
}

@media only screen and (min-width: 992px) {
  .testimonial__items--thumbnail {
    width: 38rem;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial__items--thumbnail {
    width: 45rem;
  }
}

.testimonial__items--content {
  width: 100%;
  padding-left: 0;
}

@media only screen and (min-width: 768px) {
  .testimonial__items--content {
    width: calc(100% - 30rem);
    padding-left: 5rem;
  }
}

@media only screen and (min-width: 992px) {
  .testimonial__items--content {
    width: calc(100% - 38rem);
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial__items--content {
    width: calc(100% - 45rem);
    padding-left: 12rem;
  }
}

.testimonial__style4--column1 {
  padding: 0;
}

/*
    9. Amenities css
*/
.building__amenities--inner {
  gap: 3rem;
  flex-wrap: wrap;
}

.amenities__box {
  width: 100%;
  padding: 2.5rem 2rem;
  border-radius: 1rem;
  box-shadow: 0 7px 32px 0 rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

@media only screen and (min-width: 480px) {
  .amenities__box {
    width: 46%;
  }
}

@media only screen and (min-width: 576px) {
  .amenities__box {
    width: 47%;
  }
}

@media only screen and (min-width: 768px) {
  .amenities__box {
    width: 30%;
  }
}

@media only screen and (min-width: 992px) {
  .amenities__box {
    width: 31%;
    padding: 3rem 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .amenities__box {
    width: 23%;
  }
}

@media only screen and (min-width: 1366px) {
  .amenities__box {
    width: 23.2%;
  }
}

.amenities__box:hover {
  transform: translateY(-15px) !important;
  background: var(--color-hover);
}

.amenities__box:hover .amenities__count--number {
  color: var(--color-white);
}

.amenities__box:hover .amenities__title {
  color: var(--color-white);
}

.amenities__box:hover .amenities__desc {
  color: var(--color-white);
}

.amenities__icone {
  margin-bottom: 1rem;
}

@media only screen and (min-width: 992px) {
  .amenities__icone {
    margin-bottom: 2rem;
  }
}

.amenities__icone span {
  width: 5rem;
  height: 5rem;
  background: var(--color-background);
  color: var(--color-hover);
  line-height: 5rem;
  text-align: center;
  box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}

@media only screen and (min-width: 992px) {
  .amenities__icone span {
    width: 7rem;
    height: 7rem;
    line-height: 7rem;
  }
}

@media only screen and (max-width: 991px) {
  .amenities__icone span svg {
    width: 3rem;
    height: 2.8rem;
  }
}

.amenities__count--number {
  font-weight: 700;
  font-size: 1.7rem;
  color: var(--color-hover);
  font-family: var(--font-heading-family);
  margin-bottom: 0.5rem;
  transition: 0.3s;
}

.amenities__title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1rem;
  transition: 0.3s;
}

.amenities__desc {
  color: var(--color-foreground-sub);
  transition: 0.3s;
}

/*
   5. Blog css
*/
.blog__section {
  padding-bottom: 4rem;
}

@media only screen and (min-width: 786px) {
  .blog__section {
    padding-bottom: 6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .blog__section {
    padding-bottom: 8rem;
  }
}

.blog__inner {
  padding: 0 1rem 2rem;
}

.blog__inner .swiper__nav--btn {
  top: 32%;
}

.blog__badge {
  position: absolute;
  bottom: 3px;
  left: 0;
  height: 3.5rem;
  line-height: 3.5rem;
  background: var(--color-hover);
  color: var(--color-white);
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 1.5rem;
  font-size: 1.3rem;
  letter-spacing: 0.1rem;
}

.blog__items:hover .blog__thumbnail--media {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.blog__thumbnail--media {
  border-radius: 0.5rem 0.5rem 0 0;
}

.blog__thumbnail {
  line-height: 1;
}

.blog__thumbnail a {
  overflow: hidden;
  border-radius: 0.5rem 0.5rem 0 0;
}

.blog__content {
  box-shadow: -3px 5px 20px -6px rgba(0, 0, 0, 0.11);
  padding: 2rem;
  border-radius: 0 0 0.5rem 0.5rem;
}

@media only screen and (min-width: 1200px) {
  .blog__content {
    padding: 2rem 2.5rem;
  }
}

.blog__meta--icon {
  color: var(--color-hover);
}

.blog__meta--date {
  margin-left: 0.8rem;
  font-size: 1.4rem;
  color: var(--color-foreground-sub);
}

@media only screen and (min-width: 1200px) {
  .blog__meta--date {
    font-size: 1.5rem;
  }
}

.blog__meta--text {
  margin-left: 0.8rem;
  font-size: 1.4rem;
  color: var(--color-foreground-sub);
}

@media only screen and (min-width: 1200px) {
  .blog__meta--text {
    font-size: 1.5rem;
  }
}

.blog__meta--list {
  position: relative;
  margin-right: 1rem;
  padding-right: 2rem;
}

@media only screen and (min-width: 1200px) {
  .blog__meta--list {
    margin-right: 2rem;
    padding-right: 3rem;
  }
}

@media only screen and (max-width: 479px) {
  .blog__meta--list {
    margin-right: 0;
    padding-right: 0;
  }
}

.blog__meta--list:last-child {
  margin-right: 0;
  padding-right: 0;
}

.blog__meta--list:last-child::before {
  display: none;
}

.blog__meta--list::before {
  position: absolute;
  content: "";
  width: 1rem;
  height: 0.1rem;
  background: #676a7d;
  right: 0;
  top: 50%;
}

@media only screen and (max-width: 479px) {
  .blog__meta--list::before {
    display: none;
  }
}

.blog__meta {
  margin-bottom: 1.5rem;
}

@media only screen and (max-width: 479px) {
  .blog__meta {
    flex-wrap: wrap;
    gap: 1.5rem;
  }
}

.blog__title {
  font-size: 1.8rem;
  line-height: 2.8rem;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 1200px) {
  .blog__title {
    font-size: 2.2rem;
    line-height: 3rem;
  }
}

.blog__desc {
  color: var(--color-foreground-sub);
  margin-bottom: 2rem;
}

.blog__link--btn {
  line-height: 2rem;
  font-weight: 700;
  font-size: 1.8rem;
}

.blog__link--btn:hover {
  text-decoration: underline;
}

.blog__link--btn svg {
  margin-left: 0.5rem;
  color: var(--color-hover);
}

/*
    blog page css
*/
.blog__content--title {
  font-size: 2rem;
  line-height: 3rem;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .blog__content--title {
    font-size: 2.2rem;
    line-height: 3rem;
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 992px) {
  .blog__content--title {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .blog__content--title {
    font-size: 3rem;
    line-height: 4rem;
  }
}

.blog__date--badge {
  width: 6rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-hover);
  color: var(--color-white);
  font-weight: 700;
  line-height: 2.2rem;
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  text-align: center;
  border-radius: 0.5rem;
}

.widget__featured--date {
  font-size: 1.5rem;
  line-height: 1.8rem;
  color: #888686;
  font-weight: 600;
  margin-bottom: 1rem;
}

.widget__featured--date svg {
  margin-right: 0.7rem;
}

.widget__catagories--link {
  padding: 1.5rem 2rem;
  background: var(--color-white);
  border: 1px solid #ededed;
  border-radius: 0.5rem;
  font-size: 1.6rem;
}

@media only screen and (min-width: 768px) {
  .widget__catagories--link {
    padding: 1.7rem 2rem;
    font-size: 1.7rem;
  }
}

.widget__catagories--link:hover {
  background: var(--color-hover);
  border-color: var(--color-hover);
}

.widget__catagories--link:hover .widget__catagories--menu__text {
  color: var(--color-white);
}

.widget__catagories--menu__text {
  font-weight: 500;
  line-height: 2rem;
  color: var(--color-foreground-sub);
}

.widget__catagories--items {
  margin-bottom: 2rem;
}

.widget__catagories--items:last-child {
  margin-bottom: 0;
}

.blog__widget--step {
  padding: 3rem 2rem;
  background: var(--color-background-3);
  border-radius: 1rem;
}

@media only screen and (min-width: 1200px) {
  .blog__widget--step {
    padding: 3rem;
  }
}

.blog__widget--step .widget__featured--thumb {
  padding: 0;
  background: inherit;
}

.blog__widget--step .widget__search--input__field {
  background: var(--color-background);
  border: 1px solid transparent;
}

@media only screen and (max-width: 767px) {
  .blog__widget--step .widget__search--input__field {
    height: 5.2rem;
  }
}

.blog__widget--step .widget__search--input__field:focus {
  border-color: var(--color-hover);
}

.widget__admin--profile.blog__admin {
  padding: 3rem 2rem;
  background: var(--color-background-3);
  border-radius: 1rem;
  border: 0;
}

.widget__admin--profile.blog__admin .profile__social--icon {
  background: var(--color-background);
}

.widget__admin--profile.blog__admin .profile__social--icon:hover {
  background: var(--color-hover);
}

.widget__tag {
  flex-wrap: wrap;
  gap: 1.5rem;
}

.widget__tag--link {
  color: var(--color-foreground-sub);
  font-weight: 600;
  padding: 1.2rem 1.7rem;
  background: var(--color-background);
  border-radius: 0.5rem;
}

.widget__tag--link:hover {
  background: var(--color-hover);
  color: var(--color-white);
}

/*
    Blog details css
*/
@media only screen and (max-width: 767px) {
  .blog__details--thumbnail.mb-30 {
    margin-bottom: 2.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .blog__details--content__top.mb-40 {
    margin-bottom: 3rem;
  }
}

.blog__details--content__desc {
  color: var(--color-foreground-sub);
  line-height: 3rem;
}

@media only screen and (min-width: 1200px) {
  .blog__details--content__desc {
    font-size: 1.7rem;
    line-height: 3.2rem;
  }
}

@media only screen and (min-width: 768px) {
  .blockquote__content {
    padding: 0 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .blockquote__content.mb-40 {
    margin-bottom: 5.7rem;
  }
}

.blockquote__content blockquote {
  margin: 0;
  padding: 2.5rem;
  background: var(--color-background-3);
  position: relative;
  border-left: 2px solid var(--color-hover);
}

@media only screen and (min-width: 768px) {
  .blockquote__content blockquote {
    padding: 3.5rem 3.5rem;
  }
}

.blockquote__desc {
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 600;
  margin-bottom: 2rem;
  font-style: italic;
}

@media only screen and (min-width: 768px) {
  .blockquote__desc {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .blockquote__desc {
    font-size: 2.2rem;
    line-height: 3.5rem;
  }
}

.blockquote__name {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 500;
  position: relative;
  padding-left: 3rem;
}

.blockquote__name::before {
  position: absolute;
  content: "";
  width: 2rem;
  height: 0.2rem;
  background: var(--color-hover);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .blog__ui--content.mb-50 {
    margin-bottom: 6rem;
  }
}

@media only screen and (max-width: 767px) {
  .blog__ui--content__inner {
    flex-direction: column-reverse;
  }
}

.blog__ui--content__title {
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 400px) {
  .blog__ui--content__title {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 768px) {
  .blog__ui--content__title {
    font-size: 2.2rem;
    line-height: 3rem;
  }
}

@media only screen and (min-width: 992px) {
  .blog__ui--content__title {
    font-size: 2.5rem;
  }
}

.blog__ui--content__thumbnail {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .blog__ui--content__thumbnail {
    width: 25rem;
  }
}

@media only screen and (min-width: 1200px) {
  .blog__ui--content__thumbnail {
    width: 29rem;
  }
}

.blog__ui--content__wrapper {
  width: 100%;
  padding-right: 0;
}

@media only screen and (min-width: 768px) {
  .blog__ui--content__wrapper {
    width: calc(100% - 25rem);
    padding-right: 3rem;
  }
}

@media only screen and (min-width: 1200px) {
  .blog__ui--content__wrapper {
    width: calc(100% - 29rem);
    padding-right: 5rem;
  }
}

@media only screen and (max-width: 767px) {
  .blog__ui--content__wrapper {
    padding-top: 3rem;
  }
}

.blog__ui--content__list {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--color-foreground-sub);
  margin-bottom: 1.8rem;
  display: flex;
  gap: 1.5rem;
  align-items: center;
}

@media only screen and (min-width: 480px) {
  .blog__ui--content__list {
    font-size: 1.7rem;
    line-height: 2rem;
  }
}

@media only screen and (min-width: 768px) {
  .blog__ui--content__list {
    margin-bottom: 2.2rem;
  }
}

.blog__ui--content__list:last-child {
  margin-bottom: 0;
}

.blog__ui--content__list:hover .blog__ui--content__mark--icon {
  background: var(--color-hover);
  color: var(--color-white);
}

.blog__ui--content__mark--icon {
  width: 2.8rem;
  height: 2.8rem;
  background: var(--color-background);
  box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--color-hover);
  transition: 0.3s;
}

@media only screen and (max-width: 767px) {
  .related__posts.mb-50 {
    margin-bottom: 2.5rem;
  }
}

.related__posts--inner {
  gap: 3rem;
}

@media only screen and (max-width: 767px) {
  .related__posts--inner.mb-30 {
    margin-bottom: 2rem;
  }
}

.blog__tag--share {
  padding-bottom: 6rem;
  margin-bottom: 6rem;
  border-bottom: 1px solid var(--color-border);
  flex-wrap: wrap;
  gap: 2.5rem;
}

@media only screen and (min-width: 768px) {
  .blog__tag--share {
    padding-bottom: 5rem;
    margin-bottom: 5rem;
  }
}

.blog__tag--link {
  height: 3.5rem;
  line-height: 3.3rem;
  border: 1px solid var(--color-border);
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--color-foreground-sub);
  padding: 0 1.5rem;
  border-radius: 0.5rem;
}

.blog__tag--link:hover {
  background: var(--color-hover);
  color: var(--color-white);
  border-color: var(--color-hover);
}

.blog__tag--wrapper {
  gap: 1.2rem;
}

@media only screen and (max-width: 479px) {
  .blog__tag--wrapper {
    flex-wrap: wrap;
  }
}

.blog__tag {
  gap: 1.5rem;
}

@media only screen and (max-width: 479px) {
  .blog__tag {
    flex-direction: column;
    align-items: flex-start !important;
  }
}

.blog__tag--title {
  font-size: 1.8rem;
}

.blog__share {
  gap: 1.5rem;
}

.blog__share--title {
  font-size: 1.8rem;
}

.blog__share--social__icon {
  width: 3.5rem;
  height: 3.5rem;
  background: var(--color-background-3);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
}

.blog__share--social__icon:hover {
  background: var(--color-hover);
  color: var(--color-white);
}

.blog__share--social {
  gap: 1rem;
}

@media only screen and (max-width: 767px) {
  .blog__review--comment.mb-50 {
    margin-bottom: 5.5rem;
  }
}

.blog__comment--thumbnail {
  width: 7rem;
}

.blog__comment--content {
  width: 100%;
  padding-left: 0;
}

@media only screen and (min-width: 576px) {
  .blog__comment--content {
    width: calc(100% - 7rem);
    padding-left: 2rem;
  }
}

@media only screen and (min-width: 768px) {
  .blog__comment--content {
    padding-left: 3rem;
  }
}

@media only screen and (max-width: 575px) {
  .blog__comment--content {
    padding-top: 1.5rem;
  }
}

.blog__comment--title {
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin-bottom: 2.5rem;
}

@media only screen and (min-width: 576px) {
  .blog__comment--title {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 768px) {
  .blog__comment--title {
    font-size: 2.2rem;
    margin-bottom: 4rem;
  }
}

.blog__comment--content__top {
  margin-bottom: 1.2rem;
}

.blog__comment--content__name {
  font-size: 1.7rem;
  line-height: 2rem;
  margin-bottom: 0.8rem;
}

@media only screen and (min-width: 768px) {
  .blog__comment--content__name {
    font-size: 1.8rem;
  }
}

.blog__comment--date {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--color-foreground-sub);
}

.blog__comment--content__desc {
  color: var(--color-foreground-sub);
  line-height: 3rem;
  font-size: 1.6rem;
}

@media only screen and (max-width: 575px) {
  .blog__comment--list {
    flex-direction: column;
  }

  .blog__comment--list.mb-30 {
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 576px) {
  .blog__comment--list.two {
    padding-left: 2rem;
  }
}

@media only screen and (min-width: 768px) {
  .blog__comment--list.two {
    padding-left: 5rem;
  }
}

.write__your--comment {
  padding: 3rem 2rem;
  background: #f8f8f9;
  border-radius: 1rem;
}

@media only screen and (min-width: 768px) {
  .write__your--comment {
    padding: 4rem 3rem;
  }
}

.blog__comment--input input::-webkit-input-placeholder {
  color: #838383;
}

.blog__comment--input input::-moz-placeholder {
  color: #838383;
}

.blog__comment--input input:-ms-input-placeholder {
  color: #838383;
}

.blog__comment--input input:-moz-placeholder {
  color: #838383;
}

.blog__comment--input__field {
  width: 100%;
  height: 5rem;
  border: 1px solid #e5e5e5;
  background: var(--color-background);
  padding: 0 1.5rem;
  border-radius: 0.5rem;
}

@media only screen and (min-width: 768px) {
  .blog__comment--input__field {
    height: 5.5rem;
  }
}

.blog__comment--input__field:focus {
  border-color: var(--color-hover);
}

.blog__comment--textarea textarea::-webkit-input-placeholder {
  color: #838383;
}

.blog__comment--textarea textarea::-moz-placeholder {
  color: #838383;
}

.blog__comment--textarea textarea:-ms-input-placeholder {
  color: #838383;
}

.blog__comment--textarea textarea:-moz-placeholder {
  color: #838383;
}

.blog__comment--textarea__field {
  width: 100%;
  height: 15rem;
  border: 1px solid #e5e5e5;
  background: var(--color-background);
  padding: 1.5rem 1.8rem;
  border-radius: 0.5rem;
  resize: none;
}

.blog__comment--textarea__field:focus {
  border-color: var(--color-hover);
}

@media only screen and (min-width: 768px) {
  .blog__comment--textarea__field {
    height: 20rem;
  }
}

.browser__comment--text {
  margin-top: 2rem;
  margin-bottom: 0;
}

.browser__comment--text label {
  padding-left: 3rem;
  color: var(--color-foreground-sub);
  cursor: pointer;
}

.browser__comment--text .widget__catagories--input {
  left: 0;
  right: auto;
}

.browser__comment--text .widget__catagories--checkmark {
  left: 0;
  right: auto;
}

.blog__comment--btn {
  margin-top: 3rem;
}

.blog__sticky--thumbnail {
  line-height: 1;
}

.blog__sticky--thumbnail a {
  overflow: hidden;
  border-radius: 0.5rem;
}

.blog__vertical--thumbnail {
  line-height: 1;
}

.blog__vertical--thumbnail a {
  overflow: hidden;
  border-radius: 0.5rem;
}

.blog__vertical--thumbnail {
  width: 100%;
}

@media only screen and (min-width: 480px) {
  .blog__vertical--thumbnail {
    width: 17rem;
  }
}

@media only screen and (min-width: 576px) {
  .blog__vertical--thumbnail {
    width: 20rem;
  }
}

@media only screen and (min-width: 1200px) {
  .blog__vertical--thumbnail {
    width: 24rem;
  }
}

.blog__vertical--content {
  background: var(--color-background);
  box-shadow: 0 3px 10px 0 rgba(57, 106, 191, 0.16);
  padding: 1.2rem 2rem;
  width: calc(104% - 17rem);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0.5rem;
}

@media only screen and (min-width: 576px) {
  .blog__vertical--content {
    padding: 1.2rem 3rem;
    width: calc(104% - 20rem);
  }
}

@media only screen and (min-width: 768px) {
  .blog__vertical--content {
    padding: 1.8rem 3rem;
  }
}

@media only screen and (min-width: 1200px) {
  .blog__vertical--content {
    width: calc(104% - 23.5rem);
  }

  .blog__vertical--content .blog__title {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 479px) {
  .blog__vertical--content {
    position: inherit;
    transform: inherit;
    width: 100%;
    padding: 2rem;
  }
}

.blog__vertical--items {
  position: relative;
}

@media only screen and (max-width: 479px) {
  .blog__vertical--items {
    flex-direction: column;
  }
}

.blog__sticky--content {
  background: var(--color-background);
  box-shadow: 0 3px 10px 0 rgba(57, 106, 191, 0.16);
  padding: 3rem;
  max-width: 93%;
  margin: -12rem auto 0;
  border-radius: 0.5rem;
  position: relative;
}

@media only screen and (max-width: 479px) {
  .blog__sticky--content {
    max-width: 97%;
    margin: -3rem auto 0;
  }
}

@media only screen and (max-width: 479px) {
  .blog__sticky--content {
    padding: 3rem 2rem;
  }
}

@media only screen and (max-width: 991px) {
  .blog__sticky--items {
    margin-bottom: 3rem;
  }
}

/*
    18. Other css
*/
@media only screen and (min-width: 768px) {
  .brand__logo--aera {
    padding-bottom: 2rem;
  }
}

.brand__logo--items img {
  margin: 0 auto;
}

.brand__logo--aera.style3 {
  padding-bottom: 4rem;
}

@media only screen and (min-width: 480px) {
  .brand__logo--aera.style3 {
    padding-bottom: 5rem;
  }
}

@media only screen and (min-width: 768px) {
  .brand__logo--aera.style3 {
    padding-bottom: 6rem;
  }
}

@media only screen and (min-width: 992px) {
  .brand__logo--aera.style3 {
    padding-bottom: 8rem;
  }
}

.agents__consult--section {
  margin-bottom: -120px;
}

.agents__consult--inner {
  padding: 3rem 0;
  background: url(../img/other/consult_agent-bg.png);
  border-radius: 1rem;
}

@media only screen and (min-width: 768px) {
  .agents__consult--inner {
    padding: 4rem 0;
  }
}

@media only screen and (min-width: 1200px) {
  .agents__consult--inner {
    padding: 6rem 0;
  }
}

.agents__consult--thumb {
  position: absolute;
  bottom: 0;
  right: 2rem;
}

@media only screen and (max-width: 1199px) {
  .agents__consult--thumb {
    max-width: 250px;
  }
}

@media only screen and (max-width: 767px) {
  .agents__consult--thumb {
    display: none;
  }
}

.agents__consult__content {
  padding-left: 3rem;
}

@media only screen and (min-width: 768px) {
  .agents__consult__content {
    padding-left: 5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .agents__consult__content {
    padding-left: 7rem;
  }
}

@media only screen and (max-width: 767px) {
  .agents__consult__content {
    padding-right: 3rem;
    text-align: center;
  }
}

.agents__consult--subtitle {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  color: var(--color-white);
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .agents__consult--subtitle {
    font-size: 1.7rem;
  }
}

@media only screen and (min-width: 1200px) {
  .agents__consult--subtitle {
    font-size: 1.8rem;
    margin-bottom: 2.5rem;
  }
}

.agents__consult--title {
  font-size: 2.2rem;
  line-height: 2.8rem;
  color: var(--color-white);
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .agents__consult--title {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .agents__consult--title {
    font-size: 3.5rem;
    line-height: 4rem;
  }
}

.agents__consult--desc {
  font-size: 1.6rem;
  color: var(--color-white);
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .agents__consult--desc {
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .agents__consult--desc {
    font-size: 1.7rem;
    margin-bottom: 2.5rem;
  }
}

.agents__consult--link {
  font-weight: 700;
  color: var(--color-white);
  text-decoration: underline;
}

.agents__consult--link:hover {
  color: var(--color-foreground);
  text-decoration: underline;
}

/*
    contact property css
*/
@media only screen and (max-width: 991px) {
  .contact__property--inner {
    flex-direction: column;
    gap: 4rem;
  }
}

.contact__property--form {
  background: #f2f6f7;
  padding: 3rem;
  border-radius: 1rem;
}

@media only screen and (min-width: 992px) {
  .contact__property--form {
    width: 40rem;
  }
}

@media only screen and (min-width: 1200px) {
  .contact__property--form {
    width: 50rem;
    padding: 4rem;
  }
}

@media only screen and (min-width: 992px) {
  .contact__property--content {
    width: calc(100% - 40rem);
    padding-right: 5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .contact__property--content {
    width: calc(100% - 50rem);
    padding-right: 13rem;
  }
}

.contact__property--desc {
  color: var(--color-foreground-sub);
  margin-bottom: 2rem;
}

@media only screen and (min-width: 1366px) {
  .contact__property--desc {
    width: 72%;
    margin-bottom: 2.5rem;
  }
}

.contact__property--info {
  margin-bottom: 2rem;
}

.contact__property--info__text {
  font-weight: 600;
  color: var(--color-background-4);
  margin-bottom: 1.5rem;
}

.contact__property--info__text svg {
  color: var(--color-hover);
  margin-right: 0.5rem;
}

.contact__property--form__title {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .contact__property--form__title {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}

.contact__property--form__input {
  margin-bottom: 2.5rem;
}

.contact__property--form__input label {
  color: var(--color-foreground-sub);
  margin-bottom: 1rem;
  line-height: 2rem;
}

.contact__property--form__input input {
  width: 100%;
  height: 5rem;
  background: var(--color-background);
  border: 1px solid transparent;
  padding: 0 1.8rem;
  border-radius: 0.5rem;
}

@media only screen and (min-width: 768px) {
  .contact__property--form__input input {
    height: 5.5rem;
  }
}

.contact__property--form__input input:focus {
  border-color: var(--color-hover);
}

.contact__property--form__input textarea {
  width: 100%;
  height: 10rem;
  background: var(--color-background);
  border: 1px solid transparent;
  padding: 1rem 1.8rem;
  border-radius: 0.5rem;
  resize: none;
}

@media only screen and (min-width: 768px) {
  .contact__property--form__input textarea {
    height: 12rem;
  }
}

.contact__property--form__input textarea:focus {
  border-color: var(--color-hover);
}

/*
    social media css
*/
@media only screen and (max-width: 767px) {
  .social__media--area {
    padding: 3rem 0;
  }
}

@media only screen and (max-width: 767px) {
  .social__media--wrapper {
    flex-wrap: wrap;
    gap: 2.5rem;
  }
}

.social__media--list {
  width: 45%;
  padding: 0;
  position: relative;
}

@media only screen and (min-width: 400px) {
  .social__media--list {
    width: 29%;
  }
}

@media only screen and (min-width: 576px) {
  .social__media--list {
    width: 30%;
  }
}

@media only screen and (min-width: 768px) {
  .social__media--list {
    width: 16.66%;
    padding: 2.5rem 0;
  }
}

@media only screen and (min-width: 992px) {
  .social__media--list {
    padding: 3rem 0;
  }
}

.social__media--list:last-child::before {
  display: none;
}

.social__media--list::before {
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 100%;
  background: var(--color-border);
  right: 0;
  top: 0;
}

@media only screen and (max-width: 767px) {
  .social__media--list::before {
    display: none;
  }
}

.social__media--link {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
}

@media only screen and (min-width: 992px) {
  .social__media--link {
    gap: 1.2rem;
  }
}

.social__media--link svg {
  color: var(--color-hover);
}

.social__media--link span {
  font-weight: 700;
  font-size: 1.5rem;
}

@media only screen and (min-width: 992px) {
  .social__media--link span {
    font-size: 1.7rem;
  }
}

.social__media--area.bg__style {
  background: var(--color-background-3);
}

/*
    services details css
*/
@media only screen and (max-width: 767px) {
  .services__details--thumbnail {
    margin-bottom: 2.5rem;
  }
}

.services__details--title {
  font-size: 2rem;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .services__details--title {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .services__details--title {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 767px) {
  .services__details--content__step.mb-30 {
    margin-bottom: 5.2rem;
  }
}

.services__details--desc {
  color: var(--color-foreground-sub);
  line-height: 3rem;
}

.services__details--info {
  gap: 4rem;
}

@media only screen and (min-width: 1200px) {
  .services__details--info {
    gap: 4rem;
  }
}

@media only screen and (max-width: 767px) {
  .services__details--info {
    flex-direction: column;
    gap: 2.5rem;
  }

  .services__details--info.mb-40 {
    margin-bottom: 2.5rem;
  }
}

.services__details--info__thumbnail {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .services__details--info__thumbnail {
    width: 42%;
  }
}

.services__details--info__content {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .services__details--info__content {
    width: 58%;
  }
}

.services__details--info__title {
  font-size: 1.8rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 1200px) {
  .services__details--info__title {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
}

.services__details--info__desc {
  color: var(--color-foreground-sub);
  line-height: 2.8rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 1200px) {
  .services__details--info__desc {
    line-height: 3rem;
    margin-bottom: 3rem;
  }
}

.services__details--info__ui-content li {
  color: var(--color-foreground-sub);
  font-weight: 500;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 1200px) {
  .services__details--info__ui-content li {
    margin-bottom: 2.8rem;
  }
}

.services__details--info__ui-content li:last-child {
  margin-bottom: 0;
}

.services__details--info__ui-content li svg {
  color: var(--color-hover);
  margin-right: 1rem;
}

.services__categories--items {
  margin-bottom: 1.5rem;
}

.services__categories--items:last-child {
  margin-bottom: 0;
}

.services__categories--link {
  padding: 1rem 1rem 1rem 2rem;
  background: var(--color-background-3);
  border-radius: 0.5rem;
  transition: inherit;
}

.services__categories--link:hover .services__categories--arrow__icon {
  background: var(--color-hover);
  color: var(--color-white);
}

.services__categories--text {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 700;
}

.services__categories--arrow__icon {
  width: 4.5rem;
  height: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.services__widget--step {
  margin-bottom: 4rem;
}

.services__widget--step:last-child {
  margin-bottom: 0;
}

.services__widget--step.timing {
  padding: 2rem;
  border: 1px solid var(--color-border);
  border-radius: 1rem;
}

@media only screen and (min-width: 576px) {
  .services__widget--step.timing {
    padding: 3rem;
  }
}

.widget__timing--list {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 3rem;
}

.widget__timing--list:last-child {
  margin-bottom: 0;
}

.widget__timing--text {
  color: var(--color-foreground-sub);
  font-size: 1.7rem;
  line-height: 2rem;
}

.widget__timing--btn {
  margin-top: 3rem;
}

.widget__img--gallery__title {
  margin-bottom: 1.2rem;
}

.widget__img--gallery__desc {
  color: var(--color-foreground-sub);
}

@media only screen and (max-width: 991px) {
  .services__widget {
    margin-top: 7rem;
  }
}

@media only screen and (max-width: 767px) {
  .services__widget {
    margin-top: 6rem;
  }
}

/*
    Error page css
*/
.error__img {
  margin: 0 auto 3rem;
}

@media only screen and (min-width: 768px) {
  .error__img {
    margin: 0 auto 5rem;
  }
}

@media only screen and (max-width: 767px) {
  .error__img {
    max-width: 35rem;
  }
}

@media only screen and (max-width: 479px) {
  .error__img {
    max-width: 25rem;
  }
}

.error__subtitle {
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .error__subtitle {
    margin-bottom: 2.5rem;
  }
}

.error__subtitle span {
  color: var(--color-hover);
}

.error__desc {
  color: var(--color-foreground-sub);
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .error__desc {
    margin-bottom: 3rem;
  }
}

/*
    Choose us section css
*/
.choose__us--box {
  background: var(--color-white);
  padding: 3rem 1.5rem;
  border-radius: 1rem;
  box-shadow: 0 0 80px 0 rgba(203, 203, 203, 0.25);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

@media only screen and (min-width: 768px) {
  .choose__us--box {
    padding: 3.5rem 2rem;
  }
}

.choose__us--box:hover {
  background: var(--color-hover);
  transform: translateY(-15px);
  box-shadow: none;
}

.choose__us--box:hover .choose__us--title {
  color: var(--color-white);
}

.choose__us--box:hover .choose__us--desc {
  color: var(--color-white);
}

.choose__us--box:hover .choose__us--link {
  color: var(--color-white);
}

.choose__us--icon {
  width: 7rem;
  height: 7rem;
  background: var(--color-white);
  box-shadow: 0 16px 45px -12px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2rem;
  border-radius: 1rem;
}

@media only screen and (min-width: 768px) {
  .choose__us--icon {
    margin: 0 auto 3rem;
  }
}

.choose__us--title {
  font-size: 2rem;
  margin-bottom: 1.2rem;
  transition: 0.3s;
}

@media only screen and (min-width: 768px) {
  .choose__us--title {
    font-size: 2.2rem;
  }
}

.choose__us--desc {
  color: var(--color-foreground-sub);
  transition: 0.3s;
}

.choose__us--link {
  font-weight: 700;
  font-size: 1.6rem;
}

.choose__us--link svg {
  margin-left: 0.5rem;
}

/*
    10. Categories css
*/
.categories__box {
  padding: 2.5rem 2rem;
  box-shadow: 0 6px 22px 0 rgba(0, 0, 0, 0.05);
  border-radius: 1rem;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .categories__box {
    padding: 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .categories__box {
    padding: 3rem;
  }
}

.categories__box:hover .categories__badge {
  background: var(--color-hover);
  color: var(--color-white);
}

.categories__box::before {
  position: absolute;
  content: "";
  width: 3rem;
  height: 3.3rem;
  background: var(--color-hover);
  right: 0;
  bottom: 0;
  border-radius: 100% 0 0;
  transition: 0.3s;
}

.categories__thumbnail {
  min-height: 16.5rem;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .categories__thumbnail {
    margin-bottom: 2.5rem;
  }
}

.categories__thumbnail img {
  margin: 0 auto;
}

.categories__title {
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .categories__title {
    margin-bottom: 2rem;
  }
}

.categories__desc {
  font-size: 1.5rem;
  line-height: 2.8rem;
  margin-bottom: 1.5rem;
  color: var(--color-foreground-sub);
}

@media only screen and (min-width: 768px) {
  .categories__desc {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

.categories__link {
  font-size: 1.7rem;
  font-weight: 700;
}

.categories__link:hover {
  color: var(--color-hover);
}

.categories__link svg {
  margin-left: 1rem;
}

.categories__badge {
  position: absolute;
  top: 1.8rem;
  right: 1.8rem;
  width: 4.5rem;
  height: 4.5rem;
  background: var(--color-background);
  color: var(--color-hover);
  box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  transition: 0.3s;
}

/*
    Home three css
*/
.commercia__categories--box {
  box-shadow: 0 0 80px 0 rgba(203, 204, 188, 0.25);
  background: var(--color-background);
  padding: 3rem 2rem;
  border-radius: 1rem;
  transition: 0.3s;
}

@media only screen and (min-width: 768px) {
  .commercia__categories--box {
    padding: 4.5rem 3rem;
  }
}

.commercia__categories--box:hover {
  background: var(--color-hover);
  transform: translateY(-15px);
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  -o-transform: translateY(-15px);
}

.commercia__categories--box:hover .commercia__categories--icon {
  background: rgba(245, 223, 220, 0.25);
  color: var(--color-white);
}

.commercia__categories--box:hover .commercia__categories--title {
  color: var(--color-white);
}

.commercia__categories--box:hover .commercia__categories--desc {
  color: var(--color-white);
}

.commercia__categories--icon {
  width: 7rem;
  height: 7rem;
  background: rgba(22, 163, 74, 0.15);
  color: var(--color-hover);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2rem;
  border-radius: 50%;
  transition: 0.3s;
}

@media only screen and (min-width: 768px) {
  .commercia__categories--icon {
    width: 8rem;
    height: 8rem;
    margin: 0 auto 2.5rem;
  }
}

.commercia__categories--title {
  font-size: 2.2rem;
  line-height: 2.5rem;
  font-weight: 700;
  font-family: var(--font-body-family);
  margin-bottom: 1.5rem;
  transition: 0.3s;
}

@media only screen and (min-width: 768px) {
  .commercia__categories--title {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin-bottom: 2rem;
  }
}

.commercia__categories--desc {
  color: var(--color-foreground-sub);
  transition: 0.3s;
}

/*
    13. Footer css
*/
.footer__section {
  background: #051650;
}

.main__footer {
  padding: 17.5rem 0 3.2rem;
}

@media only screen and (min-width: 768px) {
  .main__footer {
    padding: 19rem 0 4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .main__footer {
    padding: 9rem 0 8rem;
  }
}

.footer__logo {
  margin-bottom: 2rem;
}

@media only screen and (max-width: 767px) {
  .footer__logo {
    margin-bottom: 1.5rem;
  }
}

.footer__logo--img.dark-logo {
  display: none;
}

@media only screen and (max-width: 1199px) {
  .footer__widget {
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 767px) {
  .footer__widget {
    margin-bottom: 0;
  }
}

.footer__widget--title {
  font-size: 1.7rem;
  line-height: 2.4rem;
  position: relative;
  color: var(--color-white);
  margin-bottom: 2.4rem;
}

@media only screen and (min-width: 768px) {
  .footer__widget--title {
    margin-bottom: 2rem;
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 992px) {
  .footer__widget--title {
    margin-bottom: 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .footer__widget--title {
    font-size: 2rem;
  }
}

.footer__widget--title.about {
  display: none;
}

@media only screen and (max-width: 767px) {
  .footer__widget--title.about {
    display: block;
  }
}

.footer__widget--title__arrowdown--icon {
  position: absolute;
  right: 0;
  top: 38%;
  transition: 0.3s;
  display: none;
}

@media only screen and (max-width: 767px) {
  .footer__widget--title__arrowdown--icon {
    display: block;
  }
}

.footer__widget.active {
  padding-bottom: 3rem;
}

.footer__widget.active .footer__widget--title__arrowdown--icon {
  transform: rotate(180deg);
}

.footer__widget--button {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  content: "";
  color: transparent;
  border: 0;
  background-color: transparent;
}

@media only screen and (max-width: 767px) {
  .footer__widget--button {
    visibility: visible;
  }
}

.footer__widget--menu li {
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .footer__widget--menu li {
    margin-bottom: 2rem;
  }
}

.footer__widget--menu li:last-child {
  margin-bottom: 0;
}

.footer__widget--menu li a {
  font-size: 1.5rem;
  line-height: 2.5rem;
  color: var(--color-foreground);
}

.footer__widget--menu li a:hover {
  color: var(--color-hover);
}

.footer__widget--desc {
  font-size: 1.5rem;
  line-height: 2.5rem;
  margin-bottom: 0;
  color: var(--color-foreground);
}

@media only screen and (max-width: 767px) {
  .footer__widget--inner {
    display: none;
  }
}

.footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 2rem 0;
}

.footer__bottom.section--padding {
  padding: 5rem 0;
}

@media only screen and (max-width: 767px) {
  .footer__bottom.section--padding {
    padding: 3rem 0;
  }
}

.footer__bottom--inner {
  gap: 2rem;
}

@media only screen and (max-width: 1199px) {
  .footer__bottom--inner {
    flex-direction: column;
  }
}

.footer__widget--info {
  margin-top: 2.5rem;
}

.footer__widget--info_list {
  font-size: 1.5rem;
  display: flex;
  gap: 1.5rem;
  margin-bottom: 1.4rem;
}

.footer__widget--info_list:last-child {
  margin-bottom: 0;
}

.footer__widget--info_list svg {
  color: var(--color-hover);
}

.footer__widget--info_list p {
  color: var(--color-foreground);
  font-size: 1.5rem;
  line-height: 2.5rem;
}

.footer__widget--info_list a {
  color: var(--color-foreground);
}

.footer__widget--info_list a:hover {
  color: var(--color-hover);
}

.footer__widget--info_list.mb-20 {
  margin-bottom: 2rem;
}

.footer__social {
  gap: 2rem;
}

.footer__social--icon {
  color: var(--color-white);
}

.footer__social--icon:hover {
  color: var(--color-hover);
}

.copyright__content {
  font-size: 1.5rem;
  color: var(--color-foreground);
}

@media only screen and (max-width: 1199px) {
  .copyright__content {
    text-align: center;
  }
}

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

.footer__bottom--menu li {
  position: relative;
  margin-right: 1.5rem;
  padding-right: 1.5rem;
}

.footer__bottom--menu li:last-child {
  margin-right: 0;
  padding-right: 0;
}

.footer__bottom--menu li:last-child::before {
  display: none;
}

.footer__bottom--menu li::before {
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 2rem;
  background: rgba(255, 255, 255, 0.3);
  right: 0;
  top: 50%;
  transform: translatey(-50%);
}

.footer__bottom--menu li a {
  color: var(--color-foreground);
  font-size: 1.5rem;
}

.footer__bottom--menu li a:hover {
  color: var(--color-hover);
}

@media only screen and (max-width: 479px) {
  .footer__bottom--menu li a {
    font-size: 1.4rem;
  }
}

.footer__widget--inner.newsletter {
  background: #051650;
  padding: 3rem 2rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.email__except {
  position: relative;
  margin-bottom: 2.5rem;
}

.email__except--label {
  cursor: pointer;
  display: block;
  color: var(--color-foreground);
  padding-left: 3.5rem;
  font-size: 1.5rem;
}

.email__except--check__input {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translatey(-50%);
  opacity: 0;
  cursor: pointer;
  z-index: 999;
  width: 2.2rem;
  height: 2.2rem;
}

.email__except--check__input:checked~.email__except--checkmark {
  background-color: var(--color-hover);
  border: 1px solid var(--color-hover);
}

.email__except--check__input:checked~.email__except--checkmark::before {
  display: block;
}

.email__except--checkmark {
  height: 2.2rem;
  width: 2.2rem;
  border: 1px solid #4e545f;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translatey(-50%);
  transition: var(--transition);
}

.email__except--checkmark::before {
  right: 0.7rem;
  top: 0.4rem;
  width: 0.6rem;
  height: 1rem;
  border: solid white;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  display: none;
}

.newsletter__subscribe--form {
  position: relative;
  border-bottom: 1px solid rgba(242, 242, 242, 0.07);
  margin-bottom: 2.2rem;
  padding-bottom: 0.5rem;
}

.newsletter__subscribe--form label {
  width: 100%;
}

.newsletter__subscribe--input {
  background: inherit;
  border: 0;
  height: 4.5rem;
  width: 100%;
  font-size: 1.5rem;
  color: var(--color-foreground);
}

.newsletter__subscribe--button {
  position: absolute;
  right: 0;
  height: 100%;
  background: inherit;
  border: 0;
  color: var(--color-white);
  top: 0;
  font-weight: 700;
  font-size: 1.5rem;
}

.newsletter__subscribe--button:hover {
  color: var(--color-hover);
}

/*
    home two footer css
*/
.main__footer.footer__wrapper {
  padding: 6rem 0 3rem;
}

@media only screen and (min-width: 768px) {
  .main__footer.footer__wrapper {
    padding: 7rem 0 4rem;
  }
}

@media only screen and (min-width: 992px) {
  .main__footer.footer__wrapper {
    padding: 8rem 0 5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .main__footer.footer__wrapper {
    padding: 8rem 0;
  }
}

.contact__information--aera {
  padding-top: 6rem;
}

@media only screen and (min-width: 768px) {
  .contact__information--aera {
    padding-top: 7rem;
  }
}

@media only screen and (min-width: 992px) {
  .contact__information--aera {
    padding-top: 8rem;
  }
}

@media only screen and (max-width: 991px) {
  .contact__information--aera {
    flex-direction: column;
  }
}

.contact__information--email {
  width: 100%;
  background: var(--color-hover);
  gap: 2rem;
  padding: 2rem;
}

@media only screen and (min-width: 992px) {
  .contact__information--email {
    width: 50%;
    gap: 3rem;
    padding: 3rem;
  }
}

@media only screen and (min-width: 1200px) {
  .contact__information--email {
    gap: 4rem;
    padding: 4rem 3rem;
  }
}

.contact__information--email__icon {
  color: var(--color-white);
}

@media only screen and (max-width: 575px) {
  .contact__information--email__icon svg {
    width: 4.5rem;
  }
}

.contact__information--email__text {
  color: var(--color-white);
  font-size: 1.7rem;
  line-height: 2.2rem;
  font-weight: 600;
  padding: 1rem 2rem;
  border: 1px solid var(--color-white);
  border-radius: 3rem;
}

@media only screen and (min-width: 576px) {
  .contact__information--email__text {
    font-size: 1.8rem;
    line-height: 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .contact__information--email__text {
    font-size: 2rem;
  }
}

.contact__information--email__text a {
  color: var(--color-white);
  text-decoration: underline;
}

.contact__information--email__text a:hover {
  color: var(--color-foreground);
}

.contact__information--phone {
  width: 100%;
  background: #282b35;
  gap: 2rem;
  padding: 2.5rem;
}

@media only screen and (min-width: 992px) {
  .contact__information--phone {
    width: 50%;
    gap: 3rem;
    padding: 3rem;
  }
}

@media only screen and (min-width: 1200px) {
  .contact__information--phone {
    gap: 4rem;
    padding: 4rem 3rem;
  }
}

@media only screen and (max-width: 575px) {
  .contact__information--phone__icon svg {
    width: 4.5rem;
  }
}

.contact__information--phone__title {
  font-size: 1.5rem;
  text-transform: uppercase;
  color: var(--color-white);
  line-height: 2.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 576px) {
  .contact__information--phone__title {
    font-size: 1.7rem;
    line-height: 2.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .contact__information--phone__title {
    font-size: 1.8rem;
  }
}

.contact__information--phone__title span {
  font-weight: 400;
  color: var(--color-hover);
}

.contact__information--phone__number {
  color: var(--color-hover);
  font-size: 1.6rem;
  font-weight: 600;
}

@media only screen and (min-width: 576px) {
  .contact__information--phone__number {
    font-size: 1.7rem;
  }
}

.contact__information--phone__number:hover {
  text-decoration: underline;
}

/*
    15. Listing page css
*/
.breadcrumb__section {
  background: url(../img/other/properti_banner.jpg);
  background-position: center center;
  background-size: cover;
}

@media only screen and (max-width: 575px) {
  .breadcrumb__section {
    padding: 5rem 0;
  }
}

.breadcrumb__title {
  font-weight: 700;
  margin-bottom: 2rem;
  font-size: 2.5rem;
  line-height: 3rem;
}

@media only screen and (min-width: 480px) {
  .breadcrumb__title {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}

@media only screen and (min-width: 768px) {
  .breadcrumb__title {
    margin-bottom: 2.5rem;
    font-size: 3.5rem;
    line-height: 4rem;
  }
}

@media only screen and (min-width: 992px) {
  .breadcrumb__title {
    font-size: 4rem;
    line-height: 4.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .breadcrumb__title {
    font-size: 5rem;
    line-height: 5.5rem;
  }
}

.breadcrumb__title span {
  color: var(--color-hover);
}

.breadcrumb__menu {
  gap: 1.5rem;
}

.breadcrumb__menu--link {
  color: var(--color-foreground-sub);
  font-size: 1.7rem;
  font-weight: 600;
}

.breadcrumb__menu--link:hover {
  color: var(--color-hover);
}

.breadcrumb__menu--text {
  font-size: 1.7rem;
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .listing__widget {
    margin-top: 7rem;
  }
}

@media only screen and (max-width: 767px) {
  .listing__widget {
    margin-top: 6rem;
  }
}

.widget__search--input input::-webkit-input-placeholder {
  font-weight: 700;
  color: var(--color-foreground);
}

.widget__search--input input::-moz-placeholder {
  font-weight: 700;
  color: var(--color-foreground);
}

.widget__search--input input:-ms-input-placeholder {
  font-weight: 700;
  color: var(--color-foreground);
}

.widget__search--input input:-moz-placeholder {
  font-weight: 700;
  color: var(--color-foreground);
}

.widget__search--input__field {
  width: 100%;
  height: 6rem;
  font-weight: 500;
  color: var(--color-foreground);
  border: 0;
  background: var(--color-background-3);
  padding: 0 6rem 0 2.5rem;
  border-radius: 0.5rem;
}

.widget__search--btn {
  position: absolute;
  top: 50%;
  right: 3rem;
  border: 0;
  background: inherit;
  padding: 0;
  transform: translateY(-50%);
  color: var(--color-foreground-sub);
}

.widget__search--btn:hover {
  color: var(--color-hover);
}

.listing__widget--inner {
  background: var(--color-background-3);
  padding: 2.5rem 1.5rem;
  border-radius: 0.5rem;
}

@media only screen and (min-width: 1200px) {
  .listing__widget--inner {
    padding: 2.5rem;
  }
}

.widget__title {
  font-size: 2rem;
  line-height: 2.4rem;
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 1.5rem;
}

.widget__catagories__list {
  position: relative;
  padding: 1.3rem 1.5rem;
  border-radius: 0.5rem;
  transition: 0.3s;
}

@media only screen and (min-width: 1200px) {
  .widget__catagories__list {
    padding: 1.3rem 2rem;
  }
}

.widget__catagories__list:hover {
  background: var(--color-background);
}

.widget__catagories--label {
  cursor: pointer;
  display: block;
  color: var(--color-foreground);
  padding-right: 4rem;
  font-weight: 500;
  line-height: 1.8rem;
  text-transform: capitalize;
}

.widget__catagories--label:hover {
  color: var(--color-hover);
}

.widget__catagories--input {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translatey(-50%);
  opacity: 0;
  cursor: pointer;
  z-index: 999;
  width: 1.9rem;
  height: 1.9rem;
}

.widget__catagories--input:checked~.widget__catagories--checkmark {
  background-color: var(--color-hover);
  border: 1px solid var(--color-hover);
}

.widget__catagories--input:checked~.widget__catagories--checkmark::before {
  display: block;
}

.widget__catagories--checkmark {
  height: 1.9rem;
  width: 1.9rem;
  border: 1.5px solid var(--color-border);
  background: var(--color-background);
  display: block;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translatey(-50%);
  transition: var(--transition);
  border-radius: 0.5rem;
}

.widget__catagories--checkmark::before {
  right: 0.5rem;
  top: 0.2rem;
  width: 0.6rem;
  height: 1rem;
  border: solid white;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  display: none;
}

.widget__thumbnail {
  line-height: 1;
  display: inline-block;
}

.widget__thumbnail:hover .widget__thumbnail--media {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.widget__thumbnail--link {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}

.widget__thumbnail--link::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.62));
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  z-index: 9;
}

.widget__thumbnail--media {
  border-radius: 1rem;
}

.widget__thumbnail--text {
  position: absolute;
  bottom: 3rem;
  left: 2rem;
  z-index: 9;
}

.widget__thumbnail--title {
  font-size: 2.2rem;
  line-height: 3rem;
  margin-bottom: 1.5rem;
  color: var(--color-white);
}

@media only screen and (min-width: 992px) {
  .widget__thumbnail--title {
    font-size: 2.5rem;
  }
}

.widget__thumbnail--subtitle {
  font-size: 1.7rem;
  font-weight: 600;
  color: var(--color-white);
}

.widget__thumbnail--subtitle svg {
  margin-left: 0.5rem;
}

.widget__location--list {
  position: relative;
  margin-bottom: 2rem;
}

.widget__location--list:last-child {
  margin-bottom: 0;
}

.widget__location .widget__catagories--input {
  left: 0;
  right: 0;
}

.widget__location .widget__catagories--checkmark {
  right: 0;
  left: 0;
}

.widget__location--label {
  cursor: pointer;
  display: block;
  color: var(--color-foreground);
  padding-left: 3.5rem;
  font-weight: 500;
  line-height: 1.8rem;
  text-transform: capitalize;
}

.widget__location--label:hover {
  color: var(--color-hover);
}

.widget__featured--items {
  margin-bottom: 2rem;
}

.widget__featured--items:last-child {
  margin-bottom: 0;
}

.widget__featured--thumb {
  width: 9rem;
  padding: 0.5rem;
  background: var(--color-background);
  line-height: 1;
}

.widget__featured--thumb:hover .widget__featured--media {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.widget__featured--thumb__link {
  overflow: hidden;
}

.widget__featured--content {
  width: calc(100% - 9rem);
  padding-left: 1.5rem;
}

.widget__featured--title {
  font-size: 1.6rem;
  text-transform: capitalize;
  line-height: 2.2rem;
  margin-bottom: 0.5rem;
}

@media only screen and (min-width: 480px) {
  .widget__featured--title {
    font-size: 1.7rem;
    line-height: 2.4rem;
    margin-bottom: 1rem;
  }
}

.widget__featured--price {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--color-hover);
  font-weight: 600;
}

@media only screen and (min-width: 480px) {
  .widget__featured--price {
    font-size: 1.5rem;
  }
}

/*
    price slider css
*/
.price-input {
  width: 100%;
  display: flex;
  margin: 0 0 25px;
}

.price-input input {
  width: 10rem;
  height: 4rem;
  outline: none;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  border: 1px solid var(--color-border);
  background: inherit;
  -moz-appearance: textfield;
  border-radius: 0.5rem;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.price-input .separator {
  width: auto;
  display: flex;
  font-size: 22px;
  align-items: center;
  justify-content: center;
  margin: 0 1.2rem;
}

.price-slider {
  height: 5px;
  position: relative;
  background: var(--color-border);
  border-radius: 5px;
}

.price-slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: var(--color-hover);
}

.range-input {
  position: relative;
}

.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: var(--color-hover);
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: var(--color-hover);
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.price__filtering--btn {
  background: var(--color-background);
  text-transform: uppercase;
  font-weight: 700;
  height: 4.5rem;
  line-height: 4.5rem;
  padding: 0 2.5rem;
  border: 0;
  margin-top: 2.5rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

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

.listing__header {
  padding: 2rem;
  border: 1px solid var(--color-border);
  margin-bottom: 3rem;
  border-radius: 0.5rem;
}

@media only screen and (max-width: 575px) {
  .listing__header {
    flex-direction: column;
    gap: 2rem;
  }
}

.listing__header--right {
  gap: 3rem;
}

@media only screen and (max-width: 399px) {
  .listing__header--right {
    flex-direction: column;
    gap: 2rem;
  }
}

.listing__tab--btn {
  gap: 2rem;
}

.listing__tab--btn__field {
  padding: 0;
  background: inherit;
  border: 0;
}

.listing__tab--btn__field:hover {
  color: var(--color-hover);
}

.listing__tab--btn__field.active {
  color: var(--color-hover);
}

.recently__select {
  gap: 0.5rem;
}

.recently__select select {
  border: 0;
  padding: 0 1.5rem 0 0.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  -webkit-appearance: none;
  width: 14rem;
}

.recently__select .select::before {
  right: 0.5rem;
}

.results__cout--text {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 500;
}

.listing__featured--grid .featured__card {
  padding: 0;
  box-shadow: 0 4px 31px 0 rgba(0, 0, 0, 0.06);
}

.listing__featured--grid .featured__content {
  padding: 1.7rem 1.5rem 1.5rem;
}

@media only screen and (min-width: 1200px) {
  .listing__featured--grid .featured__content {
    padding: 1.7rem 2.5rem 1.5rem;
  }
}

.listing__featured--grid .featured__thumbnail--link {
  position: relative;
}

.listing__featured--grid .featured__thumbnail--link::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(255, 255, 255, 0),
      rgba(0, 0, 0, 0.23),
      rgba(0, 0, 0, 0.63));
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  z-index: 9;
}

.listing__featured--grid .featured__action {
  z-index: 9;
}

.listing__featured--grid .featured__badge {
  z-index: 9;
}

.featured__list--action {
  gap: 1.2rem;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .featured__content--list__footer {
    flex-direction: column;
    gap: 1.5rem;
  }
}

@media only screen and (max-width: 479px) {
  .featured__content--list__footer {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.listing__details--btn {
  font-weight: 600;
  height: 4.5rem;
  line-height: 4.5rem;
  padding: 0 2rem;
  background: rgba(250, 74, 74, 0.1);
  color: var(--color-hover);
  border-radius: 0.5rem;
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .listing__details--btn {
    width: 140px;
    text-align: center;
  }
}

@media only screen and (max-width: 479px) {
  .listing__details--btn {
    padding: 0 1.5rem;
    width: 130px;
    text-align: center;
  }
}

.listing__featured--info {
  padding: 2rem 0 2rem;
}

@media only screen and (min-width: 1200px) {
  .listing__featured--info {
    padding: 3rem 0 2.5rem;
  }
}

.listing__featured--info__items {
  display: flex;
  gap: 1rem;
  align-items: center;
  position: relative;
  margin-right: 1rem;
  padding-right: 1rem;
}

.listing__featured--info__items:last-child {
  margin-right: 0;
  padding-right: 0;
}

.listing__featured--info__items:last-child::before {
  display: none;
}

.listing__featured--info__items::before {
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 1.5rem;
  background: #d9d9d9;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

@media only screen and (max-width: 399px) {
  .listing__featured--info__icon svg {
    width: 2rem;
  }
}

.listing__featured--info__text {
  color: var(--color-foreground-sub);
  font-weight: 600;
  font-size: 1.4rem;
}

@media only screen and (min-width: 400px) {
  .listing__featured--info__text {
    font-size: 1.5rem;
  }
}

.featured__content--desc.listing__style {
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-border);
}

@media only screen and (min-width: 1200px) {
  .featured__content--desc.listing__style {
    padding-top: 2.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .listing__featured--list .featured__card--list {
    flex-direction: column;
    align-items: flex-start !important;
  }
}

.listing__featured--thumbnail {
  width: auto;
  line-height: 1;
}

@media only screen and (min-width: 768px) {
  .listing__featured--thumbnail {
    width: 22.5rem;
  }
}

.listing__featured--content {
  width: 100%;
  padding-left: 0;
}

@media only screen and (min-width: 768px) {
  .listing__featured--content {
    width: calc(100% - 22.5rem);
    padding-left: 3rem;
  }
}

@media only screen and (max-width: 767px) {
  .listing__featured--content {
    padding-top: 2rem;
  }
}

@media only screen and (max-width: 479px) {
  .listing__featured--content .featured__content--list__top {
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2rem;
  }
}

.page__pagination--area {
  margin-top: 3rem;
}

@media only screen and (min-width: 992px) {
  .page__pagination--area {
    margin-top: 5rem;
  }
}

.page__pagination--wrapper {
  gap: 1.2rem;
}

@media only screen and (min-width: 768px) {
  .page__pagination--wrapper {
    gap: 1.5rem;
  }
}

.page__pagination--link {
  width: 3.5rem;
  height: 3.5rem;
  border: 1px solid var(--color-border);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

@media only screen and (min-width: 768px) {
  .page__pagination--link {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.page__pagination--link.active {
  background: var(--color-hover);
  border-color: var(--color-hover);
  color: var(--color-white);
  pointer-events: none;
}

.page__pagination--link:hover {
  background: var(--color-hover);
  border-color: var(--color-hover);
  color: var(--color-white);
}

/*
    16. listing details css
*/
.listing__small--hero__slider {
  position: absolute;
  bottom: 3rem;
  right: 4rem;
  max-width: 35rem;
  padding: 0 3rem;
}

@media only screen and (min-width: 480px) {
  .listing__small--hero__slider {
    max-width: 40rem;
  }
}

@media only screen and (min-width: 768px) {
  .listing__small--hero__slider {
    max-width: 33rem;
  }
}

@media only screen and (min-width: 992px) {
  .listing__small--hero__slider {
    bottom: 4rem;
    right: 5rem;
    max-width: 38rem;
  }
}

@media only screen and (min-width: 1200px) {
  .listing__small--hero__slider {
    bottom: 5rem;
    right: 10rem;
    max-width: 50rem;
  }
}

.listing__small--hero__slider .swiper__nav--btn {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 767px) {
  .listing__small--hero__slider {
    position: inherit;
    left: auto;
    right: auto;
    margin: 0 auto;
    bottom: inherit;
    margin-top: 3rem;
  }
}

.listing__hero--slider__media {
  -o-object-fit: cover;
  object-fit: cover;
  height: 25rem;
}

@media only screen and (min-width: 480px) {
  .listing__hero--slider__media {
    height: 30rem;
  }
}

@media only screen and (min-width: 576px) {
  .listing__hero--slider__media {
    height: 32rem;
  }
}

@media only screen and (min-width: 768px) {
  .listing__hero--slider__media {
    height: 40rem;
  }
}

@media only screen and (min-width: 992px) {
  .listing__hero--slider__media {
    height: 45rem;
  }
}

@media only screen and (min-width: 1200px) {
  .listing__hero--slider__media {
    height: 53rem;
  }
}

@media only screen and (min-width: 1600px) {
  .listing__hero--slider__media {
    height: 67rem;
  }
}

.listing__hero--slider__container {
  position: absolute;
  left: 0;
  right: 0;
}

@media only screen and (min-width: 768px) {
  .listing__hero--slider__container {
    bottom: 10rem;
  }
}

@media only screen and (max-width: 767px) {
  .listing__hero--slider__container {
    top: 50%;
    transform: translateY(-50%);
  }
}

.listing__small--hero__slider--items {
  background: var(--color-background);
  border-radius: 0.5rem;
}

@media only screen and (min-width: 768px) {
  .listing__small--hero__slider--items {
    padding: 0.5rem;
  }
}

.listing__hero--slider__content {
  background: rgba(0, 0, 0, 0.7);
  max-width: 33rem;
  padding: 2rem;
  border-radius: 1rem;
}

@media only screen and (min-width: 992px) {
  .listing__hero--slider__content {
    max-width: 38rem;
    padding: 3rem;
  }
}

@media only screen and (min-width: 1200px) {
  .listing__hero--slider__content {
    max-width: 47rem;
    padding: 4rem;
  }
}

.listing__hero--slider__title {
  color: var(--color-white);
}

.listing__hero--slider__price {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color-hover);
}

.listing__hero--slider__content--top {
  margin-bottom: 2rem;
}

@media only screen and (min-width: 992px) {
  .listing__hero--slider__content--top {
    margin-bottom: 3rem;
  }
}

.listing__hero--slider__text {
  margin-bottom: 0;
  color: var(--color-white);
  opacity: 0.8;
  font-weight: 500;
}

@media only screen and (max-width: 991px) {
  .listing__hero--slider__text {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 479px) {
  .listing__hero--slider__text {
    font-size: 1.4rem;
  }
}

.widget__admin--profile {
  padding: 3rem 2rem;
  border: 1px solid var(--color-border);
  border-radius: 1rem;
}

@media only screen and (min-width: 1200px) {
  .widget__admin--profile {
    padding: 4rem 3rem;
  }
}

.admin__profile--thumbnail img {
  margin: 0 auto;
}

.admin__profile--content {
  padding-top: 2rem;
}

.admin__profile--name {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-bottom: 1rem;
}

.admin__profile--subtitle {
  font-size: 1.5rem;
  line-height: 1.8rem;
  color: var(--color-foreground-sub);
  margin-bottom: 1.5rem;
}

.admin__profile--rating {
  gap: 0.5rem;
  margin-bottom: 2rem;
}

.admin__profile--rating li span {
  color: var(--color-hover);
}

.admin__profile--desc {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--color-foreground-sub);
}

.admin__profile--email {
  font-weight: 700;
  font-size: 1.7rem;
  margin-bottom: 2rem;
}

.profile__social {
  gap: 1.5rem;
}

.profile__social--icon {
  width: 3.3rem;
  height: 3.3rem;
  border: 1px solid var(--color-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-foreground-sub);
  border-radius: 0.5rem;
}

.profile__social--icon:hover {
  background: var(--color-hover);
  border-color: var(--color-hover);
  color: var(--color-white);
}

.widget__step {
  padding: 3rem 2rem;
  border: 1px solid var(--color-border);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

@media only screen and (min-width: 1200px) {
  .widget__step {
    padding: 3rem;
  }
}

.widget__step--title {
  font-size: 2rem;
  line-height: 2.2rem;
  padding-left: 1.5rem;
  border-left: 2px solid var(--color-hover);
  margin-bottom: 2rem;
}

@media only screen and (min-width: 992px) {
  .widget__step--title {
    margin-bottom: 3rem;
  }
}

.widget__form--input input::-webkit-input-placeholder {
  font-weight: 500;
  color: #838383;
}

.widget__form--input input::-moz-placeholder {
  font-weight: 500;
  color: #838383;
}

.widget__form--input input:-ms-input-placeholder {
  font-weight: 500;
  color: #838383;
}

.widget__form--input input:-moz-placeholder {
  font-weight: 500;
  color: #838383;
}

.widget__form--input textarea::-webkit-input-placeholder {
  font-weight: 500;
  color: #838383;
}

.widget__form--input textarea::-moz-placeholder {
  font-weight: 500;
  color: #838383;
}

.widget__form--input textarea:-ms-input-placeholder {
  font-weight: 500;
  color: #838383;
}

.widget__form--input textarea:-moz-placeholder {
  font-weight: 500;
  color: #838383;
}

.widget__form--input__field {
  width: 100%;
  height: 5rem;
  border: 1px solid transparent;
  background: #f5f8fb;
  color: var(--color-foreground);
  padding: 0 2.5rem;
  border-radius: 0.5rem;
}

@media only screen and (min-width: 1200px) {
  .widget__form--input__field {
    height: 5.5rem;
  }
}

.widget__form--input__field:focus {
  border-color: var(--color-hover);
}

.widget__form--textarea__field {
  width: 100%;
  height: 15rem;
  border: 0;
  background: #f5f8fb;
  color: var(--color-foreground);
  padding: 1.5rem 2.5rem;
  border-radius: 0.5rem;
  resize: none;
  border: 1px solid transparent;
}

.widget__form--textarea__field:focus {
  border-color: var(--color-hover);
}

.widget__form--btn {
  width: 100%;
  text-align: center;
  margin-top: 3rem;
}

.widget__form.calculator .widget__form--input {
  position: relative;
}

.widget__form.calculator .widget__form--input__field {
  padding: 0 2rem 0 4.5rem;
}

.widget__form.calculator .widget__form--textarea__field {
  padding: 1.5rem 2.5rem 1.5rem 4.5rem;
}

.widget__form--input__position--icon {
  position: absolute;
  top: 50%;
  left: 2rem;
  color: #838383;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.widget__form--textarea__position--icon {
  position: absolute;
  top: 1.5rem;
  left: 2rem;
  color: #838383;
}

.widget__step .widget__featured--thumb {
  padding: 0;
}

.widget__featured--properties__content--top {
  margin-bottom: 1.5rem;
}

.widget__featured--properties__author {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.09);
  border-radius: 50%;
}

.widget__featured--properties__author img {
  border-radius: 50%;
}

.widget__featured--properties__share {
  gap: 1.5rem;
}

.widget__featured--properties__share--btn {
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-background);
  box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
}

.widget__featured--properties__share--btn:hover {
  background: var(--color-hover);
  color: var(--color-white);
}

.widget__featured--properties__thumbnail::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(255, 255, 255, 0),
      rgba(0, 0, 0, 0.23),
      rgba(0, 0, 0, 0.63));
  transition: 0.3s;
}

.widget__featured--properties__desc {
  font-size: 1.5rem;
  color: var(--color-foreground-sub);
  margin-bottom: 1rem;
}

.widget__featured--properties__desc svg {
  margin-right: 0.5rem;
}

@media only screen and (min-width: 400px) {
  .widget__featured--properties__desc {
    font-size: 1.6rem;
  }
}

.widget__featured--properties__title {
  margin-bottom: 1.5rem;
}

.widget__featured--propertie__price {
  gap: 2rem;
}

.new__price {
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 700;
  color: var(--color-hover);
}

@media only screen and (min-width: 480px) {
  .new__price {
    font-size: 2rem;
  }
}

.old__price {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 500;
  color: var(--color-foreground-sub);
  text-decoration: line-through;
}

@media only screen and (min-width: 480px) {
  .old__price {
    font-size: 1.8rem;
  }
}

.widget__featured--properties__content {
  padding: 0 1.5rem;
  margin-top: -22px;
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .listing__details--wrapper {
    padding-right: 5rem;
  }
}

.listing__details--action {
  gap: 1.2rem;
}

.listing__details--action__btn {
  width: 3.5rem;
  height: 3.5rem;
  background: var(--color-background-3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-foreground);
  border-radius: 0.5rem;
}

.listing__details--action__btn:hover {
  background: var(--color-hover);
  color: var(--color-white);
}

.listing__details--meta__wrapper {
  gap: 2rem;
}

@media only screen and (max-width: 479px) {
  .listing__details--meta__wrapper {
    flex-wrap: wrap;
  }
}

.listing__details--wishlist__btn {
  width: 3.5rem;
  height: 3.5rem;
  border: 1px solid var(--color-border);
  background: var(--color-background);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-hover);
  border-radius: 0.5rem;
}

.listing__details--wishlist__btn:hover {
  border-color: var(--color-hover);
}

.listing__details--badge {
  font-size: 1.5rem;
  font-weight: 600;
  height: 3rem;
  line-height: 3rem;
  background: var(--color-hover);
  color: var(--color-white);
  padding: 0 1.5rem;
  border-radius: 0.5rem;
}

.listing__details--badge.two {
  background: var(--color-background);
  color: var(--color-foreground);
  box-shadow: -1px 4px 10px 0 rgba(0, 0, 0, 0.06);
}

.listing__details--meta__text {
  color: var(--color-foreground-sub);
  font-weight: 600;
  line-height: 2.4rem;
}

.listing__details--meta__icon {
  color: var(--color-hover);
  margin-right: 0.5rem;
}

.listing__details--title {
  font-size: 2.2rem;
  line-height: 2.6rem;
}

@media only screen and (min-width: 400px) {
  .listing__details--title {
    font-size: 2.3rem;
  }
}

@media only screen and (min-width: 480px) {
  .listing__details--title {
    font-size: 2.5rem;
    line-height: 2.8rem;
  }
}

@media only screen and (min-width: 768px) {
  .listing__details--title {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
}

@media only screen and (min-width: 992px) {
  .listing__details--title {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .listing__details--title {
    font-size: 3.5rem;
    line-height: 4rem;
  }
}

@media only screen and (max-width: 767px) {
  .listing__details--title {
    margin-bottom: 2rem;
  }
}

.listing__details--price {
  gap: 1rem;
}

.listing__details--price__new {
  color: var(--color-hover);
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.2rem;
}

@media only screen and (min-width: 768px) {
  .listing__details--price__new {
    font-size: 2.2rem;
  }
}

.listing__details--price__old {
  color: var(--color-foreground-sub);
  text-decoration: line-through;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2.2rem;
}

@media only screen and (min-width: 768px) {
  .listing__details--price__old {
    font-size: 1.8rem;
  }
}

.listing__details--price__id {
  gap: 3rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .listing__details--price__id {
    margin-bottom: 2.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .listing__details--price__id {
    margin-bottom: 3rem;
  }
}

.listing__details--property__id {
  font-weight: 600;
}

.listing__details--location__text {
  font-weight: 600;
  color: var(--color-foreground-sub);
  line-height: 2.5rem;
}

.listing__details--main__content {
  padding: 6rem 0 0;
}

@media only screen and (min-width: 768px) {
  .listing__details--main__content {
    padding: 7rem 0 0 2rem;
  }
}

@media only screen and (min-width: 992px) {
  .listing__details--main__content {
    padding: 8rem 0 0 2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .listing__details--main__content {
    padding: 8rem 3rem 0;
  }
}

@media only screen and (max-width: 991px) {
  .listing__details--content__top {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 2rem;
  }
}

.listing__details--content__title {
  font-size: 2rem;
  line-height: 2.2rem;
  border-left: 2px solid var(--color-hover);
  padding-left: 1.5rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .listing__details--content__title {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}

@media only screen and (min-width: 1366px) {
  .listing__details--content__title {
    font-size: 2.4rem;
  }
}

.listing__details--content__desc {
  font-size: 1.6rem;
  line-height: 3rem;
  font-weight: 500;
  color: var(--color-foreground-sub);
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .listing__details--content__desc {
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-bottom: 3rem;
  }
}

.listing__d--info {
  margin-bottom: 0;
}

.listing__d--info .apartment__info--wrapper {
  padding-bottom: 0;
}

@media only screen and (max-width: 479px) {
  .listing__d--info .apartment__info--wrapper {
    padding-bottom: 2rem;
  }
}

.listing__d--info .apartment__info--list {
  padding-bottom: 3rem;
}

@media only screen and (max-width: 479px) {
  .listing__d--info .apartment__info--list {
    padding-bottom: 0;
  }
}

.listing__d--info .apartment__info--list::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0.1rem;
  background: var(--color-hover);
  left: 0;
  bottom: -1px;
  transition: 0.3s;
}

@media only screen and (max-width: 479px) {
  .listing__d--info .apartment__info--list::after {
    display: none;
  }
}

.listing__d--info .apartment__info--list:hover::after {
  width: 100%;
}

.properties__details--info__wrapper {
  gap: 3rem;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .properties__details--info__wrapper {
    gap: 3.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .properties__details--info__wrapper {
    gap: 4.5rem;
  }
}

@media only screen and (max-width: 575px) {
  .properties__details--info__wrapper {
    flex-direction: column;
    gap: 2rem;
  }
}

.properties__details--info__list {
  width: 100%;
  border-bottom: 1px solid var(--color-border);
}

@media only screen and (min-width: 576px) {
  .properties__details--info__list {
    width: 46%;
  }
}

.properties__details--info__title {
  font-size: 1.7rem;
  line-height: 2.5rem;
  font-weight: 700;
}

.properties__details--info__subtitle {
  line-height: 2.5rem;
  font-weight: 500;
  color: var(--color-foreground-sub);
}

.properties__details--info__list {
  padding: 0 1rem 1.2rem;
}

.listing__details--content__title.mb-40 {
  margin-bottom: 2.5rem;
}

@media only screen and (min-width: 400px) {
  .listing__details--content__title.mb-40 {
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 768px) {
  .listing__details--content__title.mb-40 {
    margin-bottom: 4rem;
  }
}

.properties__amenities--list {
  gap: 1.5rem;
  margin-bottom: 1rem;
  font-family: Nunito, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  color: rgb(94, 95, 99);
}

@media only screen and (min-width: 576px) {
  .properties__amenities--list {
    margin-bottom: 0.5rem;
  }
}

.properties__amenities--list:last-child {
  margin-bottom: 0;
}

.properties__amenities--mark__icon {
  color: var(--color-hover);
}

.properties__amenities--text {
  font-weight: 500;
  color: var(--color-foreground-sub);
  line-height: 2rem;
}

.properties__amenities--wrapper {
  gap: 2rem;
}

@media only screen and (min-width: 400px) {
  .properties__amenities--wrapper {
    gap: 4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .properties__amenities--wrapper {
    gap: 7rem;
  }
}

@media only screen and (max-width: 575px) {
  .properties__amenities--wrapper {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 399px) {
  .properties__amenities--wrapper {
    justify-content: space-between;
  }
}

@media only screen and (max-width: 767px) {
  .properties__floor--plans__info {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }
}

@media only screen and (max-width: 399px) {
  .properties__floor--plans__info {
    gap: 1rem;
  }
}

.properties__floor--plans__info li {
  padding: 1rem 1.5rem;
  display: inline-block;
  transition: 0.3s;
  cursor: pointer;
  border-radius: 0.5rem;
}

@media only screen and (min-width: 768px) {
  .properties__floor--plans__info li {
    margin-bottom: 2.5rem;
  }
}

.properties__floor--plans__info li:last-child {
  margin-bottom: 0;
}

.properties__floor--plans__info li img {
  display: inline-block;
}

.properties__floor--plans__info li:hover {
  background: var(--color-background-3);
}

.properties__floor--plans__info li span {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
  margin-left: 1.2rem;
}

@media only screen and (min-width: 1200px) {
  .properties__floor--plans__info li span {
    font-size: 1.7rem;
    margin-left: 1.5rem;
  }
}

.floor__plans--tab__btn {
  gap: 1.8rem;
  margin-bottom: 3rem;
}

.floor__plans--tab__btn--field {
  font-weight: 600;
  height: 3rem;
  line-height: 3rem;
  width: 10rem;
  text-align: center;
  background: var(--color-background);
  color: var(--color-foreground);
  box-shadow: -1px 4px 10px 0 rgba(0, 0, 0, 0.06);
  border: 0;
  border-radius: 0.5rem;
}

.floor__plans--tab__btn--field:hover {
  background: var(--color-hover);
  color: var(--color-white);
}

.floor__plans--tab__btn--field.active {
  background: var(--color-hover);
  color: var(--color-white);
}

.properties__floor--plans {
  gap: 3rem;
}

@media only screen and (min-width: 1200px) {
  .properties__floor--plans {
    gap: 4rem;
  }
}

@media only screen and (max-width: 767px) {
  .properties__floor--plans {
    flex-direction: column;
  }
}

.properties__floor--plans__content {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .properties__floor--plans__content {
    width: 37%;
  }
}

@media only screen and (min-width: 1200px) {
  .properties__floor--plans__content {
    width: 40%;
  }
}

.properties__floor--plans__gallery {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .properties__floor--plans__gallery {
    width: 63%;
  }
}

@media only screen and (min-width: 1200px) {
  .properties__floor--plans__gallery {
    width: 60%;
  }
}

.listing__details--content__step {
  gap: 3rem;
}

@media only screen and (max-width: 991px) {
  .listing__details--content__step.mb-80 {
    margin-bottom: 7rem;
  }
}

@media only screen and (max-width: 767px) {
  .listing__details--content__step.mb-80 {
    margin-bottom: 6rem;
  }
}

@media only screen and (max-width: 767px) {
  .listing__details--location__header {
    flex-direction: column;
    gap: 3rem;
    margin-bottom: 3rem;
  }
}

.listing__details--location__header--left {
  width: 100%;
  padding-right: 0;
}

@media only screen and (min-width: 768px) {
  .listing__details--location__header--left {
    width: 50%;
    padding-right: 3rem;
  }
}

.location__google--maps {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .location__google--maps {
    width: 50%;
  }
}

.location__google--maps summary {
  outline: none;
  width: 100%;
  height: 4.5rem;
  line-height: 4.5rem;
  background: var(--color-hover);
  color: var(--color-white);
  text-align: center;
  font-weight: 500;
  border-radius: 0.5rem;
  font-size: 1.6rem;
}

.location__google--maps summary:hover {
  background: var(--color-foreground);
}

.location__google--maps summary::marker {
  display: none;
}

.location__google--maps summary::-webkit-details-marker {
  display: none;
}

.location__google--maps iframe {
  width: 100%;
  height: 30rem;
  margin-top: 3rem;
}

.location__google--maps__info {
  gap: 3rem;
}

@media only screen and (max-width: 479px) {
  .location__google--maps__info {
    flex-direction: column;
    gap: 2rem;
  }
}

.location__google--maps__info--step {
  width: 100%;
}

@media only screen and (min-width: 480px) {
  .location__google--maps__info--step {
    width: 50%;
  }
}

.location__google--maps__info--title {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 700;
  min-width: 10rem;
}

@media only screen and (min-width: 768px) {
  .location__google--maps__info--title {
    font-size: 1.8rem;
    line-height: 2rem;
    min-width: 13rem;
  }
}

.location__google--maps__info--list {
  gap: 2rem;
  margin-bottom: 2rem;
}

.location__google--maps__info--list:last-child {
  margin-bottom: 0;
}

.location__google--maps__info--subtitle {
  line-height: 2.5rem;
  font-weight: 500;
  color: var(--color-foreground-sub);
}

@media only screen and (max-width: 767px) {
  .listing__details--review {
    flex-direction: column;
    gap: 3rem;
  }
}

.details__review--box {
  text-align: center;
  width: 100%;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .details__review--box {
    width: 15rem;
    padding-right: 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .details__review--box {
    width: 17rem;
    padding-right: 3rem;
  }
}

.details__review--box::before {
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 100%;
  background: var(--color-border);
  right: 0;
  top: 0;
}

@media only screen and (max-width: 767px) {
  .details__review--box::before {
    display: none;
  }
}

.details__review--wrapper {
  width: 100%;
  gap: 3rem;
}

@media only screen and (min-width: 768px) {
  .details__review--wrapper {
    width: calc(100% - 15rem);
    padding-left: 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .details__review--wrapper {
    width: calc(100% - 17rem);
    padding-left: 5rem;
    gap: 4rem;
    padding-left: 3rem;
  }
}

@media only screen and (max-width: 399px) {
  .details__review--wrapper {
    flex-wrap: wrap;
  }
}

.details__review--box__point {
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 1200px) {
  .details__review--box__point {
    font-size: 4rem;
    line-height: 4rem;
  }
}

.details__review--box__subtitle {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  margin-bottom: 2.5rem;
}

@media only screen and (min-width: 1200px) {
  .details__review--box__subtitle {
    font-size: 2rem;
    line-height: 2.2rem;
    margin-bottom: 3rem;
  }
}

.details__review--box__subtitle span {
  color: #00ba74;
}

.details__review--box__rating img {
  margin: 0 auto;
}

.details__review--step {
  width: 100%;
}

@media only screen and (min-width: 400px) {
  .details__review--step {
    width: 50%;
  }
}

.details__review--list {
  margin-bottom: 3rem;
  position: relative;
  padding-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .details__review--list {
    margin-bottom: 4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .details__review--list {
    margin-bottom: 5rem;
  }
}

.details__review--list:last-child {
  margin-bottom: 0;
}

.details__review--list::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.5rem;
  background: #d9d9d9;
  bottom: 0;
  left: 0;
  border-radius: 2rem;
}

.details__review--list::after {
  position: absolute;
  content: "";
  width: 75%;
  height: 0.5rem;
  background: #00ba74;
  bottom: 0;
  left: 0;
  border-radius: 2rem;
}

.review__list--title {
  font-weight: 700;
  line-height: 2.2rem;
}

.listing__details--rating {
  gap: 0.2rem;
}

@media only screen and (max-width: 479px) {
  .reviews__comment--step {
    flex-direction: column;
    gap: 2rem;
  }
}

.reviews__comment--thumb {
  width: 7rem;
}

.reviews__comment--content {
  width: 100%;
  padding-left: 0;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid var(--color-border);
}

@media only screen and (min-width: 480px) {
  .reviews__comment--content {
    width: calc(100% - 7rem);
    padding-left: 2rem;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
  }
}

@media only screen and (min-width: 768px) {
  .reviews__comment--content {
    padding-left: 3rem;
  }
}

.reviews__comment--content.last__content {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.reviews__comment--top {
  gap: 3rem;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 400px) {
  .reviews__comment--top {
    gap: 5rem;
  }
}

.reviews__comment--author__name {
  font-size: 1.7rem;
  line-height: 2.2rem;
  margin-bottom: 0.7rem;
}

@media only screen and (min-width: 400px) {
  .reviews__comment--author__name {
    font-size: 1.8rem;
  }
}

.reviews__comment--rating {
  gap: 0.4rem;
}

.reviews__comment--author__date {
  font-size: 1.4rem;
  text-transform: uppercase;
  color: var(--color-foreground-sub);
  font-weight: 500;
}

.reviews__comment--desc {
  color: var(--color-foreground-sub);
  font-size: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .reviews__comment--desc {
    font-size: 1.6rem;
  }
}

.listing__details--content__title.mb-30 {
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .listing__details--content__title.mb-30 {
    margin-bottom: 3rem;
  }
}

.reviews__comment--write {
  font-weight: 500;
  color: var(--color-hover);
  text-decoration: underline;
}

.reviews__comment--write:hover {
  color: var(--color-foreground);
  text-decoration: underline;
}

.reviews__comment--input input::-webkit-input-placeholder {
  color: var(--color-foreground-sub);
}

.reviews__comment--input input::-moz-placeholder {
  color: var(--color-foreground-sub);
}

.reviews__comment--input input:-ms-input-placeholder {
  color: var(--color-foreground-sub);
}

.reviews__comment--input input:-moz-placeholder {
  color: var(--color-foreground-sub);
}

.reviews__comment--input__field {
  width: 100%;
  height: 5rem;
  background: inherit;
  border: 1px solid var(--color-border);
  color: var(--color-foreground);
  font-size: 1.5rem;
  font-weight: 400;
  padding: 0 1.5rem;
  border-radius: 0.5rem;
}

@media only screen and (min-width: 768px) {
  .reviews__comment--input__field {
    height: 5.5rem;
  }
}

.reviews__comment--input__field:focus {
  border-color: var(--color-hover);
}

.reviews__comment--textarea__field {
  width: 100%;
  height: 15rem;
  padding: 1.2rem 1.5rem;
  background: inherit;
  border: 1px solid var(--color-border);
  color: var(--color-foreground);
  font-size: 1.5rem;
  font-weight: 500;
  border-radius: 0.5rem;
  resize: none;
}

@media only screen and (min-width: 768px) {
  .reviews__comment--textarea__field {
    height: 20rem;
  }
}

.reviews__comment--textarea__field:focus {
  border-color: var(--color-hover);
}

.reviews__comment--btn {
  margin-top: 2rem;
}

@media only screen and (min-width: 480px) {
  .reviews__comment--btn {
    margin-top: 3rem;
  }
}

.reviews__comment--btn svg {
  margin-left: 0.5rem;
}

@media only screen and (max-width: 399px) {
  .properties__reviews--comment__display {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .properties__reviews--comment__display.mb-50 {
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 991px) {
  .properties__reviews--comment.mb-80 {
    margin-bottom: 7rem;
  }
}

@media only screen and (max-width: 767px) {
  .properties__reviews--comment.mb-80 {
    margin-bottom: 6rem;
  }
}

.reviews__comment--display__text {
  font-weight: 700;
}

.reviews__comment--display__left {
  gap: 1.2rem;
}

.reviews__comment--display__rating {
  gap: 0.3rem;
}

/*
    8. Add listing css
*/
@media only screen and (max-width: 767px) {
  .add__listing--header {
    margin-bottom: 3rem;
  }
}

.add__listing--tab__btn {
  gap: 2.5rem;
}

@media only screen and (min-width: 768px) {
  .add__listing--tab__btn {
    gap: 4rem;
  }
}

@media only screen and (min-width: 992px) {
  .add__listing--tab__btn {
    gap: 5rem;
  }
}

.add__listing--tab__btn--field {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 700;
  border: 0;
  background: inherit;
  padding: 0;
  position: relative;
  padding-bottom: 0.7rem;
}

@media only screen and (min-width: 768px) {
  .add__listing--tab__btn--field {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 992px) {
  .add__listing--tab__btn--field {
    font-size: 2.2rem;
  }
}

.add__listing--tab__btn--field:hover {
  color: var(--color-hover);
}

.add__listing--tab__btn--field:hover::before {
  width: 100%;
}

.add__listing--tab__btn--field.active {
  color: var(--color-hover);
}

.add__listing--tab__btn--field.active::before {
  width: 100%;
}

.add__listing--tab__btn--field::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0.1rem;
  background: var(--color-hover);
  bottom: 0;
  left: 0;
  transition: 0.3s;
}

@media only screen and (max-width: 575px) {
  .add__listing--form__step {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .add__listing--form__step.last.mb-30 {
    margin-bottom: 1rem;
  }
}

.add__listing--title {
  font-size: 1.7rem;
  line-height: 2.4rem;
  position: relative;
  padding-left: 1.5rem;
}

@media only screen and (min-width: 576px) {
  .add__listing--title {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 768px) {
  .add__listing--title {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .add__listing--title.mb-30 {
    margin-bottom: 2rem;
  }
}

.add__listing--title::before {
  position: absolute;
  content: "";
  width: 0.2rem;
  height: 2rem;
  background: var(--color-hover);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.add__listing--input__box input::-webkit-input-placeholder {
  color: #838383;
  font-weight: 500;
}

.add__listing--input__box input::-moz-placeholder {
  color: #838383;
  font-weight: 500;
}

.add__listing--input__box input:-ms-input-placeholder {
  color: #838383;
  font-weight: 500;
}

.add__listing--input__box input:-moz-placeholder {
  color: #838383;
  font-weight: 500;
}

.add__listing--input__field {
  width: 100%;
  height: 5rem;
  border: 1px solid var(--color-border);
  padding: 0 1.5rem;
  font-size: 1.5rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  font-weight: 500;
}

.add__listing--input__field:focus {
  border-color: var(--color-hover);
}

.add__listing--input__label {
  font-weight: 700;
  margin-bottom: 1.4rem;
  line-height: 1.8rem;
}

.add__listing--textarea__box textarea::-webkit-input-placeholder {
  color: #838383;
  font-weight: 500;
}

.add__listing--textarea__box textarea::-moz-placeholder {
  color: #838383;
  font-weight: 500;
}

.add__listing--textarea__box textarea:-ms-input-placeholder {
  color: #838383;
  font-weight: 500;
}

.add__listing--textarea__box textarea:-moz-placeholder {
  color: #838383;
  font-weight: 500;
}

.add__listing--textarea__field {
  width: 100%;
  height: 15rem;
  border: 1px solid var(--color-border);
  padding: 1rem 1.5rem;
  font-size: 1.5rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  resize: none;
}

.add__listing--textarea__field:focus {
  border-color: var(--color-hover);
}

@media only screen and (min-width: 768px) {
  .add__listing--textarea__field {
    height: 20rem;
  }
}

.add__listing--form__select {
  width: 100%;
  height: 5rem;
  border: 1px solid var(--color-border);
  padding: 0 1.5rem;
  font-size: 1.5rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  color: var(--color-foreground-sub);
  -webkit-appearance: none;
  cursor: pointer;
}

.add__listing--form__select:focus {
  border-color: var(--color-hover);
}

.browse__file--area {
  border: 1px solid var(--color-border);
  padding: 4rem 3rem;
  border-radius: 1rem;
  transition: 0.3s;
}

@media only screen and (min-width: 768px) {
  .browse__file--area {
    padding: 5rem 3rem;
  }
}

.browse__file--input__field {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.browse__file--area:hover {
  border-color: var(--color-hover);
}

.browse__file--area:hover .browse__file--btn {
  border-color: var(--color-hover);
  color: var(--color-hover);
}

.browse__file--btn {
  background: inherit;
  border: 1px solid var(--color-border);
  color: var(--color-foreground);
  font-size: 1.6rem;
  line-height: 4.8rem;
}

@media only screen and (min-width: 768px) {
  .browse__file--btn {
    font-size: 1.7rem;
    line-height: 5.3rem;
  }
}

.browse__file--title {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .browse__file--title {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
}

.browse__file--desc {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--color-foreground-sub);
  margin-bottom: 2.5rem;
}

.add__listing--google__map h3 {
  font-size: 1.7rem;
  line-height: 2rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .add__listing--google__map h3 {
    font-size: 1.8rem;
    margin-bottom: 2.5rem;
  }
}

.add__listing--google__map iframe {
  width: 100%;
  height: 30rem;
}

@media only screen and (min-width: 768px) {
  .add__listing--google__map iframe {
    height: 50rem;
  }
}

/*
    11. Contact css
*/
.contact__wrapper {
  gap: 2rem;
}

@media only screen and (min-width: 768px) {
  .contact__wrapper {
    gap: 3rem;
  }
}

@media only screen and (min-width: 992px) {
  .contact__wrapper {
    gap: 5rem;
  }
}

@media only screen and (max-width: 767px) {
  .contact__wrapper {
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 991px) {
  .contact__wrapper.mb-80 {
    margin-bottom: 7rem;
  }
}

@media only screen and (max-width: 767px) {
  .contact__wrapper.mb-80 {
    margin-bottom: 6rem;
  }
}

.contact__us--info {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .contact__us--info {
    width: 35%;
  }
}

@media only screen and (min-width: 992px) {
  .contact__us--info {
    width: 35%;
  }
}

.contact__us--map {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .contact__us--map {
    width: 55%;
  }
}

@media only screen and (min-width: 992px) {
  .contact__us--map {
    width: 65%;
  }
}

.contact__us--map iframe {
  width: 100%;
  height: 25rem;
}

@media only screen and (min-width: 480px) {
  .contact__us--map iframe {
    height: 30rem;
  }
}

@media only screen and (min-width: 768px) {
  .contact__us--map iframe {
    height: 40rem;
  }
}

@media only screen and (min-width: 992px) {
  .contact__us--map iframe {
    height: 47rem;
  }
}

.contact__us--info__list {
  gap: 2.5rem;
  padding: 2rem 2.5rem;
  border-radius: 1rem;
  background: var(--color-background);
  transition: 0.3s;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 992px) {
  .contact__us--info__list {
    gap: 3rem;
    padding: 3rem;
  }
}

.contact__us--info__list:hover {
  background: var(--color-hover);
  box-shadow: inherit;
}

.contact__us--info__list:hover .contact__us--info__title {
  color: var(--color-white);
}

.contact__us--info__list:hover .contact__us--info__text {
  color: var(--color-white);
}

.contact__us--info__list:hover .contact__us--info__text a {
  color: var(--color-white);
}

.contact__us--info__list:hover .contact__us--info__icon {
  color: var(--color-white);
}

.contact__us--info__icon {
  color: var(--color-hover);
}

@media only screen and (max-width: 479px) {
  .contact__us--info__icon svg {
    width: 4rem;
  }
}

.contact__us--info__title {
  margin-bottom: 1.5rem;
  line-height: 2rem;
  transition: 0.3s;
}

.contact__us--info__text {
  font-size: 1.5rem;
  color: var(--color-foreground-sub);
  line-height: 2.5rem;
  font-weight: 500;
}

.contact__us--info__text.desc {
  transition: 0.3s;
}

.contact__us--info__text a {
  color: var(--color-foreground-sub);
}

.contact__form {
  background: #fafafa;
  padding: 3rem;
  border-radius: 1rem;
}

@media only screen and (min-width: 1200px) {
  .contact__form {
    padding: 4rem;
  }
}

.contact__form--input__field {
  width: 100%;
  height: 5rem;
  background: var(--color-background);
  border: 1px solid var(--color-border);
  padding: 0 4.5rem 0 1.5rem;
  border-radius: 0.5rem;
}

@media only screen and (min-width: 768px) {
  .contact__form--input__field {
    height: 5.5rem;
  }
}

.contact__form--input__field:focus {
  border-color: var(--color-hover);
}

.contact__form--input__icon {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  color: var(--color-hover);
}

.contact__form--textarea__field {
  width: 100%;
  height: 15rem;
  background: var(--color-background);
  border: 1px solid var(--color-border);
  padding: 2rem 4.5rem 1.5rem 1.5rem;
  border-radius: 0.5rem;
  resize: none;
}

@media only screen and (min-width: 768px) {
  .contact__form--textarea__field {
    height: 20rem;
  }
}

.contact__form--textarea__field:focus {
  border-color: var(--color-hover);
}

.contact__form--textarea__icon {
  position: absolute;
  top: 2rem;
  right: 1.5rem;
  color: var(--color-hover);
}

.contact__form--btn {
  margin-top: 2.5rem;
}

.contact__form--title {
  font-size: 2.5rem;
  line-height: 2.8rem;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .contact__form--title {
    font-size: 3rem;
    line-height: 3.2rem;
    margin-bottom: 2rem;
  }
}

.contact__form--desc {
  color: var(--color-foreground-sub);
}

.contact__form--select {
  width: 100%;
  height: 5rem;
  background: var(--color-background);
  border: 1px solid var(--color-border);
  padding: 0 4.5rem 0 1.5rem;
  border-radius: 0.5rem;
  color: var(--color-foreground-sub);
  -webkit-appearance: none;
}

@media only screen and (min-width: 768px) {
  .contact__form--select {
    height: 5.5rem;
  }
}

.contact__form--select:focus {
  border-color: var(--color-hover);
}

.contact__form--input.select::before {
  border-bottom: 3px solid var(--color-hover);
  border-right: 3px solid var(--color-hover);
  height: 10px;
  margin-top: -6px;
  right: 20px;
  width: 10px;
}

/*
    20. Project css
*/
.project__items:hover .project__thumbnail--media {
  transform: scale(1.07);
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  -o-transform: scale(1.07);
}

.project__thumbnail {
  line-height: 1;
}

.project__thumbnail--link {
  overflow: hidden;
}

.project__content {
  margin: 0 1.5rem;
  padding: 2rem 1.5rem;
  background: var(--color-background);
  box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
  margin-top: -4rem;
  position: relative;
  z-index: 9;
}

@media only screen and (min-width: 576px) {
  .project__content {
    margin: 0 2rem;
    padding: 2rem;
    margin-top: -7rem;
  }
}

@media only screen and (min-width: 992px) {
  .project__content {
    margin: 0 2.5rem;
    padding: 3rem;
  }
}

.project__content--meta__tag {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--color-foreground-sub);
  line-height: 1.8rem;
  margin-bottom: 1rem;
}

.project__content--title {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 576px) {
  .project__content--title {
    font-size: 2rem;
    margin-bottom: 1.2rem;
  }
}

@media only screen and (min-width: 992px) {
  .project__content--title {
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
  }
}

.project__content--link {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-hover);
}

.project__content--link:hover {
  color: var(--color-foreground);
}

.project__content--link svg {
  margin-left: 1rem;
}

/*
    Project details css
*/
.project__details--content__top {
  gap: 2rem;
  flex-wrap: wrap;
}

@media only screen and (max-width: 991px) {
  .project__details--content__top.mb-50 {
    margin-bottom: 3rem;
  }
}

.project__details--info {
  padding: 3rem 2rem;
  background: var(--color-background);
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
}

@media only screen and (min-width: 1200px) {
  .project__details--info {
    padding: 4rem 3rem;
  }
}

.project__details--meta__list {
  gap: 1.5rem;
}

.project__details--meta {
  gap: 2.5rem;
}

@media only screen and (min-width: 768px) {
  .project__details--meta {
    gap: 3rem;
  }
}

@media only screen and (min-width: 992px) {
  .project__details--meta {
    gap: 5rem;
  }
}

@media only screen and (max-width: 767px) {
  .project__details--meta {
    flex-wrap: wrap;
  }
}

.project__details--meta__icon {
  color: var(--color-hover);
}

.project__details--info__title {
  font-size: 1.7rem;
  line-height: 2.2rem;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 576px) {
  .project__details--info__title {
    font-size: 1.8rem;
  }
}

.project__details--info__title span {
  color: var(--color-hover);
  margin-right: 1rem;
}

.project__details--info__desc {
  color: var(--color-foreground-sub);
  line-height: 3rem;
}

.project__details--info__desc a {
  color: var(--color-foreground-sub);
}

.project__details--info__desc a:hover {
  color: var(--color-hover);
}

.project__details--info__list {
  padding: 0 1.5rem;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid var(--color-border);
}

.project__details--info__contacting span {
  color: var(--color-hover);
  margin-right: 1.5rem;
}

.project__details--info__timing {
  gap: 1.5rem;
}

.project__details--info__timing--icon {
  width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-hover);
  color: var(--color-white);
  border-radius: 0.5rem;
}

@media only screen and (min-width: 480px) {
  .project__details--info__timing--icon {
    width: 6rem;
    height: 6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .project__details--info__timing--icon {
    width: 7rem;
    height: 7rem;
  }
}

.project__details--info__timing--title {
  font-size: 1.8rem;
  line-height: 2rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.project__details--info__timing--desc {
  font-size: 1.4rem;
  color: var(--color-foreground-sub);
  line-height: 2rem;
}

.project__info--social {
  gap: 1.5rem;
  margin-top: 3rem;
}

.project__info--social__icon {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-background-3);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

@media only screen and (min-width: 480px) {
  .project__info--social__icon {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.project__info--social__icon:hover {
  background: var(--color-hover);
  color: var(--color-white);
}

@media only screen and (min-width: 1200px) {
  .project__details--content__left {
    padding-right: 2rem;
  }
}

.project__details--meta__title {
  font-size: 1.6rem;
  line-height: 1.8rem;
  margin-bottom: 0.7rem;
}

.project__details--meta__subtitle {
  font-size: 1.4rem;
  color: var(--color-foreground-sub);
  line-height: 1.8rem;
}

.project__details--title {
  font-size: 2rem;
  line-height: 2.2rem;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 480px) {
  .project__details--title {
    font-size: 2.2rem;
    line-height: 2.5rem;
    margin-bottom: 1.5rem;
  }
}

@media only screen and (min-width: 768px) {
  .project__details--title {
    font-size: 2.5rem;
    line-height: 2.8rem;
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 992px) {
  .project__details--title {
    font-size: 3rem;
    line-height: 3.2rem;
    margin-bottom: 2rem;
  }
}

.project__details--desc {
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: var(--color-foreground-sub);
}

@media only screen and (min-width: 992px) {
  .project__details--desc {
    line-height: 3rem;
  }
}

.project__details--ui__content {
  margin-top: 3rem;
}

@media only screen and (min-width: 992px) {
  .project__details--ui__content {
    margin-top: 4rem;
  }
}

.project__details--ui__content--title {
  font-size: 2rem;
  line-height: 2.5rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .project__details--ui__content--title {
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin-bottom: 2.5rem;
  }
}

.project__details--ui__desc {
  font-size: 1.6rem;
  color: var(--color-foreground-sub);
  margin-bottom: 1.5rem;
  line-height: 2.2rem;
}

@media only screen and (min-width: 576px) {
  .project__details--ui__desc {
    margin-bottom: 2rem;
  }
}

.project__details--ui__desc:last-child {
  margin-bottom: 0;
}

.project__details--ui__desc svg {
  margin-right: 1rem;
  color: var(--color-hover);
}

@media only screen and (max-width: 991px) {
  .project__details--info {
    margin-top: 7rem;
  }
}

@media only screen and (max-width: 767px) {
  .project__details--info {
    margin-top: 6rem;
  }
}

/*
    7. Account css
*/
.account__section--inner {
  max-width: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 576px) {
  .account__section--inner {
    max-width: 52rem;
  }
}

.account__form--wrapper {
  border: 1px solid var(--color-border);
  padding: 4rem 2rem 3rem;
  border-radius: 0.5rem;
}

@media only screen and (min-width: 576px) {
  .account__form--wrapper {
    padding: 6rem 4rem 5rem;
  }
}

.account__tab--btn {
  margin-bottom: -1rem;
}

.account__tab--btn__field {
  width: 12rem;
  height: 5rem;
  text-align: center;
  line-height: 4.8rem;
  border: 1px solid var(--color-border);
  background: var(--color-background);
  font-size: 1.6rem;
  font-weight: 600;
}

@media only screen and (min-width: 576px) {
  .account__tab--btn__field {
    width: 17rem;
    height: 5.5rem;
    line-height: 5.3rem;
    font-size: 1.8rem;
  }
}

.account__tab--btn__field:hover {
  background: var(--color-hover);
  color: var(--color-white);
  border-color: var(--color-hover);
}

.account__tab--btn__field.active {
  background: var(--color-hover);
  color: var(--color-white);
  border-color: var(--color-hover);
}

.account__title {
  font-size: 2rem;
  line-height: 2.2rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 576px) {
  .account__title {
    font-size: 2.2rem;
    line-height: 2.5rem;
  }
}

.account__desc {
  font-size: 1.6rem;
  color: var(--color-foreground-sub);
}

.account__form--input__field {
  width: 100%;
  height: 5rem;
  border: 1px solid var(--color-border);
  padding: 0 1.5rem;
  font-size: 1.4rem;
  border-radius: 0.5rem;
}

@media only screen and (min-width: 576px) {
  .account__form--input__field {
    height: 5.5rem;
  }
}

.account__form--input__field:focus {
  border-color: var(--color-hover);
}

.account__form--input__label {
  line-height: 2rem;
  font-weight: 600;
}

.account__form--forgot__password {
  line-height: 2rem;
  font-weight: 600;
  color: var(--color-hover);
}

.account__form--forgot__password:hover {
  color: var(--color-foreground);
}

.account__sing-in__google {
  gap: 1.5rem;
}

@media only screen and (max-width: 575px) {
  .account__sing-in__google.mb-50 {
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 399px) {
  .account__sing-in__google {
    flex-wrap: wrap;
  }
}

.account__sing-in__google--link {
  width: 100%;
  background: #1a73e8;
  padding: 0.7rem;
  border-radius: 0.5rem;
  color: var(--color-white);
  font-weight: 600;
}

.account__sing-in__google--link:hover {
  background: var(--color-hover);
  color: var(--color-white);
}

.account__sing-in__google--icon {
  width: 4.5rem;
  height: 4rem;
  background: var(--color-background);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
}

.account__sing-in__google--text {
  transition: inherit;
  transition: inherit;
  margin-left: 2rem;
}

.account__form--twitter__btn {
  width: 5.4rem;
  min-width: 5.4rem;
  height: 5.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
  color: #1da1f2;
  border-radius: 0.5rem;
}

.account__form--twitter__btn:hover {
  background: var(--color-hover);
  color: var(--color-white);
}

.account__form--condition__label {
  cursor: pointer;
  display: block;
  color: var(--color-foreground-sub);
  padding-left: 3rem;
  font-weight: 500;
  line-height: 2.4rem;
  text-transform: capitalize;
}

.account__form--condition__label span {
  color: var(--color-hover);
}

.account__form--condition__input {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translatey(-50%);
  opacity: 0;
  cursor: pointer;
  z-index: 999;
  width: 1.9rem;
  height: 1.9rem;
}

.account__form--condition__input:checked~.account__form--condition__checkmark {
  background-color: var(--color-hover);
  border: 1px solid var(--color-hover);
}

.account__form--condition__input:checked~.account__form--condition__checkmark::before {
  display: block;
}

.account__form--condition__checkmark {
  height: 1.9rem;
  width: 1.9rem;
  border: 1.5px solid var(--color-border);
  background: var(--color-background);
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translatey(-50%);
  transition: var(--transition);
  border-radius: 0.5rem;
}

.account__form--condition__checkmark::before {
  right: 0.5rem;
  top: 0.2rem;
  width: 0.6rem;
  height: 1rem;
  border: solid white;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  display: none;
}

.account__form--btn {
  width: 100%;
  margin-top: 3rem;
}

@media only screen and (min-width: 576px) {
  .account__form--btn {
    margin-top: 5rem;
  }
}

.account__form--password__show--icon {
  position: absolute;
  padding: 0;
  border: 0;
  background: inherit;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}

.account__form--create__password .account__form--input__field {
  padding-right: 5rem;
}

/*
    6. Banner css
*/
.banner__content {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  z-index: 9;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .banner__content {
    bottom: 4rem;
  }
}

.banner__thumbnail {
  line-height: 1;
}

.banner__thumbnail--link {
  overflow: hidden;
  position: relative;
}

.banner__thumbnail--link::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.99));
  transition: 0.3s;
  z-index: 9;
}

.banner__step {
  gap: 2.8rem;
}

@media only screen and (max-width: 575px) {
  .banner__step {
    flex-direction: column;
    gap: 0;
  }
}

.banner__items:hover .banner__thumbnail--media {
  transform: scale(1.03);
}

.banner__content--title {
  font-size: 2rem;
  line-height: 2.5rem;
  color: var(--color-white);
  margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) {
  .banner__content--title {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 1.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .banner__content--title {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}

.banner__content--subtitle {
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: var(--color-white);
  opacity: 0.6;
}

@media only screen and (min-width: 768px) {
  .banner__content--subtitle {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .banner__content--subtitle {
    font-size: 2rem;
  }
}

/*
    14. Gallery css
*/
@media only screen and (min-width: 1200px) {
  .internal__gallery--inner {
    padding: 0 12rem;
  }
}

@media only screen and (min-width: 1366px) {
  .internal__gallery--inner {
    padding: 0 17rem;
  }
}

@media only screen and (min-width: 1600px) {
  .internal__gallery--inner {
    padding: 0 27rem;
  }
}

@media only screen and (min-width: 1800px) {
  .internal__gallery--inner {
    padding: 0 31rem;
  }
}

.internal__gallery--wrapper {
  align-items: center;
}

.internal__gallery--thumbnail {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
}

.internal__gallery--items:hover .internal__gallery--media {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.internal__gallery--items:hover .internal__gallery--content {
  bottom: 2rem;
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 992px) {
  .internal__gallery--items:hover .internal__gallery--content {
    bottom: 3rem;
  }
}

.internal__gallery--items:hover .internal__gallery--badge {
  opacity: 1;
  visibility: visible;
}

.internal__gallery--media {
  border-radius: 0.5rem;
}

.internal__gallery--content {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
  background: var(--color-background);
  padding: 1.5rem;
  border-radius: 0.5rem;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

@media only screen and (min-width: 992px) {
  .internal__gallery--content {
    bottom: 2rem;
    left: 3rem;
    right: 3rem;
    padding: 2rem 2.5rem;
  }
}

.internal__gallery--title {
  font-weight: 700;
  margin-bottom: 0.8rem;
}

.internal__gallery--title span {
  color: var(--color-hover);
}

@media only screen and (min-width: 992px) {
  .internal__gallery--title {
    margin-bottom: 1.2rem;
  }
}

.internal__gallery--link {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 2.2rem;
}

@media only screen and (min-width: 992px) {
  .internal__gallery--link {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}

.internal__gallery--link svg {
  margin-left: 1rem;
}

.internal__gallery--badge {
  width: 4rem;
  height: 4rem;
  background: var(--color-background);
  color: var(--color-hover);
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 992px) {
  .internal__gallery--badge {
    width: 4.8rem;
    height: 4.8rem;
    top: 1.5rem;
    right: 1.5rem;
  }
}

/*# sourceMappingURL=style.css.map */

/* own css  */

.header-right {
  padding: px 0px !important;
}

.header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0;
  height: 60px;
}

.theme-btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  border: none;
  outline: none !important;
  color: var(--st-white);
  font-family: "Manrope", sans-serif;
  padding: 12px 32px;
  transition: 500ms;
  background-color: var(--st-header);
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 32px;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 9;
  color: var(--st-theme);
}

.hero-1 .hero-content h1 {
  color: white;
  margin-bottom: 20px;
}

.hero-1 .hero-content h5 {
  color: var(--st-white);
  margin-bottom: 12px;
}

@media only screen and (min-width: 1200px) {
  .section__heading--desc {
    font-size: 1.5rem;
  }
}

.second-img {
  max-width: 217px;
}

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

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    /* padding-right: var(--bs-gutter-x, 1.5rem); */
    padding-right: 4.5rem;
    padding-left: 4.5rem;
  }

  .second-img {
    max-width: 200px;
  }
}

.color-red {
  color: red !important;
}

.color-black {
  color: black;
}

.resize_img {
  /* width: 39rem !important; */
  /* height: 256px !important; */
}

/* about section */

/* footer logo */
.footer__logo--img_main {
  width: 346px !important;
  height: 261px !important;
}

/* footer logo */

.blog__thumbnail-custom {
  height: 432px;
  width: 70rem;
}

.blog__thumbnail-custom {
  height: 432px;
  width: 70rem;
}

/* @media only screen and (min-width: 1200px) {
  .section--padding {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
} */

.propertie-space {
  padding-top: 49rem !important;
  padding-bottom: 15rem !important;
}

.featured__properties-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* 3 columns */
  gap: 30px;
  /* space between items */
}

@media (max-width: 992px) {
  .featured__properties-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .featured__properties-grid {
    grid-template-columns: 1fr;
  }
}

/* @media (max-width: 1440px) {
  .about_img_first {
    width: 44rem !important;
    height: 20rem !important;
  }
} */
/* 
@media (max-width: 1440px) and (min-width: 1025px) {
  .about_img_first {
    width: 44rem !important;
    height: 20rem !important;
  }

  .about__thumbnail--list.two {
  position: absolute;
  bottom: 3px !important;
  right: 0;
}
} */

/* about section */
/* .about__thumbnail--list.two {
  position: absolute;
  bottom: 0px !important;
  right: 0;
} */

/* property section css */
.propertie_head_img {
  width: 50rem !important;
  /* height: 256px !important; */
}

.about-section-img-2 {
  height: 253px;
  width: 273px;
}

.about-section-img-1 {
  height: 514px;
  width: 416px;
}

/* property section css */

@media (min-width: 1200px) {
  .footer__section {
    height: 80vh;
  }

  .footer-child1 {
    width: 100%;
    height: 100%;
    padding-right: 0rem;
    padding-left: 0rem;
  }

  .footer-child2 {
    width: 100%;
    height: 100%;
    padding: 5rem 0 4rem;
  }

  .footer-child3 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    gap: 35px;
  }

  .footer-img {
    width: 400px !important;
    height: 400px !important;
  }

  .footer-img a img {
    width: 100% !important;
    height: 100% !important;
    padding-top: 50px;
  }

  .hero-section {
    height: 100vh;
  }

  .heroImg {
    height: 100vh !important;
  }
}

/* banner images  */
.propertie_img_banner {
  /* position: relative;
  width: 100%;
  height: 100vh;  */
  /* overflow: hidden; */
}

@media (max-width: 1600px) and (min-width: 1024px) {
  .propertie_img_banner img {
    width: 100%;
    height: 100vh;
  }
}

/* banner images  */

/* testimonial section padding */
.testimonial_padding {
  padding: 0 0rem !important;
}

@media only screen and (min-width: 1200px) {
  .section--padding_new {
    padding-top: 60px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .section--padding {
    padding-top: 120px !important;
    padding-bottom: 5.5rem !important;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial__card {
    padding: 8rem 3.5rem;
  }
}

/* testimonial section padding */

/* section heading title */
.section_heading_title {
  font-size: 3rem !important;
}

/* section heading title */

/* about images   */

@media only screen and (min-width: 1200px) {
  .about__content--info {
    padding: 1.3rem 0;
  }
}

/* content */

.curve_hover {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.curve_hover img {
  width: 100%;
  display: block;
  transition: transform 0.4s ease;
}

/* Border curved shapes */
.curve_hover::before,
.curve_hover::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid #00bcd4;
  border-radius: 50%;
  transition: all 0.5s ease;
  pointer-events: none;
}

/* Top-left curve */
.curve_hover::before {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

/* Bottom-right curve */
.curve_hover::after {
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}

/* Hover effect */
.curve_hover:hover::before,
.curve_hover:hover::after {
  width: 80px;
  height: 80px;
  opacity: 1;
}

/* Optional: slight image zoom */
.curve_hover:hover img {
  /* transform: scale(1.05); */
  transition: all 0.5s ease-in-out;

  border-bottom-right-radius: 40%;
}

.curve_hover {
  transition: all 0.4s ease-in;
}

/* content */

/* about images  */

/* property section padding grid */

@media (min-width: 1200px) {
  .propertie-padding-grid {
    padding: 0 20rem;
  }
}

@media (max-width: 320px) {
  .propertie-padding-grid {
    padding: 0 2rem;
  }
}

@media (min-width: 425px) and (max-width: 576px) {

  /* small tablets */
  .propertie-padding-grid {
    padding: 0 4rem;
  }
}

/* property section padding grid */

/* static css of social media  */
.social-bar {
  position: fixed;
  top: 52%;
  right: 20px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  z-index: 1000;
}

.social-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  transition: all 0.3s ease;
}

.social-btn:hover {
  transform: scale(1.1);
}

/* Platform colors */
.insta {
  color: #e1306c;
}

.whatsapp {
  color: #25d366 !important;
}

.fb {
  color: #1877f2;
}

.fb:hover {
  color: #1877f2 !important;
}

/* service section padding top and bottom */
.service_section_padding {
  padding: 67px 0;
}

/* service section padding top and bottom */

/* contect form  */
.login-section {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  padding: 40px;
  /* background: #f9f9f9; */
}

/* Main container */
.login-container {
  display: flex;
  width: 100%;
  max-width: 1100px;
  height: 80vh;
  background: white;
  box-shadow: white;
  border-radius: 20px;
  overflow: hidden;
  animation: fadeIn 1s ease-in-out;
}

/* Left Section */
.login-left {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px;
  /* background: linear-gradient(145deg, #ffffff, #f3f3f3); */
  background-color: white;
}

/* Login Box */
.login-box {
  position: relative;
  padding: 40px 35px;
  width: 100%;
  max-width: 380px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  text-align: left;
  z-index: 1;
  animation: slideUp 1.2s ease-in-out;
}

/* Gradient Animated Border */
.gradient-border {
  --borderWidth: 3px;
  position: relative;
  border-radius: 18px;
  background: #fff;
}

/* .gradient-border::after {
        content: "";
        position: absolute;
        top: calc(-1 * var(--borderWidth));
        left: calc(-1 * var(--borderWidth));
        height: calc(100% + var(--borderWidth) * 2);
        width: calc(100% + var(--borderWidth) * 2);
        border-radius: 20px;
        background: linear-gradient(
          60deg,
          #f79533,
          #f37055,
          #ef4e7b,
          #a166ab,
          #5073b8,
          #1098ad,
          #07b39b,
          #6fba82
        );
        background-size: 300% 300%;
        z-index: -1;
        animation: animatedgradient 4s ease infinite;
      } */

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* Logo & Nav */
.logo {
  font-size: 32px;
  font-weight: 700;
  color: #000;
}

.logo span {
  color: #e60000;
}

.nav-links {
  margin: 10px 0 25px;
}

.nav-links a {
  text-decoration: none;
  color: #000;
  margin: 0 8px;
  font-weight: 500;
  transition: 0.3s;
}

.nav-links a.active {
  color: #e60000;
}

/* Headings */
h3 {
  font-size: 24px;
  margin-bottom: 5px;
}

p {
  color: #666;
  margin-bottom: 25px;
}

/* Input Box */
.input-box {
  position: relative;
  margin-bottom: 20px;
}

.input-box input {
  width: 100%;
  padding: 12px 45px 12px 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  outline: none;
  font-size: 15px;
  transition: 0.3s;
}

.input-box input:focus {
  border-color: #e60000;
  box-shadow: 0 0 8px rgba(255, 65, 108, 0.4);
}

.icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #999;
}

/* Button & Footer */
.form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 25px 0;
}

.btn {
  background: linear-gradient(135deg, #ff416c, #ff4b2b);
  border: none;
  color: #fff;
  padding: 10px 35px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.4s ease;
}

.btn:hover {
  transform: scale(1.07);
  box-shadow: 0 5px 15px rgba(255, 65, 108, 0.3);
}

.forgot {
  text-decoration: none;
  color: #999;
  font-size: 14px;
}

/* Social Icons */
.social-icons {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.social-icons a {
  width: 35px;
  height: 35px;
  background: #f1f1f1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  transition: 0.3s;
}

.social-icons a:hover {
  background: linear-gradient(135deg, #ff416c, #ff4b2b);
  color: #fff;
}

/* Right Image */
.login-right {
  flex: 1;
}

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

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.98);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 992px) {
  .login-container {
    flex-direction: column;
    height: auto;
  }

  .login-right {
    height: 40vh;
  }

  .login-left {
    padding: 30px;
  }

  .login-box {
    padding: 30px;
  }
}

/* contect form  */

/* service css */
/* Services Section Custom */
.service-section-custom {
  padding: 100px 0;
  background: #f9f9f9;
  position: relative;
  overflow: hidden;
}

.service-card {
  background: #fff;
  border-radius: 15px;
  padding: 40px 25px;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.service-card::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  background: linear-gradient(60deg,
      #f79533,
      #f37055,
      #ef4e7b,
      #a166ab,
      #5073b8,
      #1098ad,
      #07b39b,
      #6fba82);
  border-radius: 17px;
  opacity: 0;
  transition: opacity 0.5s ease;
  background-size: 300% 300%;
  animation: animatedgradient 5s ease infinite alternate;
}

.service-card:hover::before {
  opacity: 1;
}

.service-card:hover {
  transform: translateY(-10px);
}

.service-icon {
  font-size: 48px;
  color: #ff7f50;
  margin-bottom: 20px;
  transition: all 0.4s ease;
}

.service-card:hover .service-icon {
  transform: scale(1.1);
  color: #f37055;
}

.service-content h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.service-content a {
  text-decoration: none;
  color: #333;
  transition: 0.3s;
}

.service-content a:hover {
  color: #f37055;
}

.service-content p {
  color: #555;
  font-size: 15px;
  line-height: 1.7;
}

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* Responsive */
@media (max-width: 991px) {
  .service-card {
    padding: 30px 20px;
  }
}

@media (max-width: 575px) {
  .service-card {
    padding: 25px 15px;
  }
}

/* service css */

/* service section padding top and bottom */
.service_section_padding {
  padding: 67px 0;
}

/* service section padding top and bottom */

/* contect form  */
.login-section {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  padding: 40px;
  /* background: #f9f9f9; */
}

/* Main container */
.login-container {
  display: flex;
  width: 100%;
  max-width: 1100px;
  height: 80vh;
  background: transparent;
  /* box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); */
  border-radius: 20px;
  overflow: hidden;
  animation: fadeIn 1s ease-in-out;
}

/* Left Section */
.login-left {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px;
  /* background: linear-gradient(145deg, #ffffff, #f3f3f3); */
  background-color: transparent;
}

/* Login Box */
.login-box {
  position: relative;
  padding: 40px 35px;
  width: 100%;
  max-width: 380px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  text-align: left;
  z-index: 1;
  animation: slideUp 1.2s ease-in-out;
}

/* Gradient Animated Border */
.gradient-border {
  --borderWidth: 3px;
  position: relative;
  border-radius: 18px;
  background: #fff;
}

/* .gradient-border::after {
        content: "";
        position: absolute;
        top: calc(-1 * var(--borderWidth));
        left: calc(-1 * var(--borderWidth));
        height: calc(100% + var(--borderWidth) * 2);
        width: calc(100% + var(--borderWidth) * 2);
        border-radius: 20px;
        background: linear-gradient(
          60deg,
          #f79533,
          #f37055,
          #ef4e7b,
          #a166ab,
          #5073b8,
          #1098ad,
          #07b39b,
          #6fba82
        );
        background-size: 300% 300%;
        z-index: -1;
        animation: animatedgradient 4s ease infinite;
      } */

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* Logo & Nav */
.logo {
  font-size: 32px;
  font-weight: 700;
  color: #000;
}

.logo span {
  color: #e60000;
}

.nav-links {
  margin: 10px 0 25px;
}

.nav-links a {
  text-decoration: none;
  color: #000;
  margin: 0 8px;
  font-weight: 500;
  transition: 0.3s;
}

.nav-links a.active {
  color: #e60000;
}

/* Headings */
h3 {
  font-size: 24px;
  margin-bottom: 5px;
}

p {
  color: #666;
  margin-bottom: 25px;
}

/* Input Box */
.input-box {
  position: relative;
  margin-bottom: 20px;
}

.input-box input {
  width: 100%;
  padding: 12px 45px 12px 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  outline: none;
  font-size: 15px;
  transition: 0.3s;
}

.input-box input:focus {
  border-color: #e60000;
  box-shadow: 0 0 8px rgba(255, 65, 108, 0.4);
}

.icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #999;
}

/* Button & Footer */
.form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 25px 0;
}

.btn {
  background: linear-gradient(135deg, #ff416c, #ff4b2b);
  border: none;
  color: #fff;
  padding: 10px 35px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.4s ease;
}

.btn:hover {
  transform: scale(1.07);
  box-shadow: 0 5px 15px rgba(255, 65, 108, 0.3);
}

.forgot {
  text-decoration: none;
  color: #999;
  font-size: 14px;
}

/* Social Icons */
.social-icons {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.social-icons a {
  width: 35px;
  height: 35px;
  background: #f1f1f1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  transition: 0.3s;
}

.social-icons a:hover {
  background: linear-gradient(135deg, #ff416c, #ff4b2b);
  color: #fff;
}

/* Right Image */
.login-right {
  flex: 1;
}

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

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.98);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 992px) {
  .login-container {
    flex-direction: column;
    height: auto;
  }

  .login-right {
    height: 40vh;
  }

  .login-left {
    padding: 30px;
  }

  .login-box {
    padding: 30px;
  }
}

/* contect form  */

/* service css */
/* Services Section Custom */
.service-section-custom {
  padding: 100px 0;
  background: #f9f9f9;
  position: relative;
  overflow: hidden;
}

.service-card {
  background: #fff;
  border-radius: 15px;
  padding: 40px 25px;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.service-card::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  background: linear-gradient(60deg,
      #f79533,
      #f37055,
      #ef4e7b,
      #a166ab,
      #5073b8,
      #1098ad,
      #07b39b,
      #6fba82);
  border-radius: 17px;
  opacity: 0;
  transition: opacity 0.5s ease;
  background-size: 300% 300%;
  animation: animatedgradient 5s ease infinite alternate;
}

.service-card:hover::before {
  opacity: 1;
}

.service-card:hover {
  transform: translateY(-10px);
}

.service-icon {
  font-size: 48px;
  color: #ff7f50;
  margin-bottom: 20px;
  transition: all 0.4s ease;
}

.service-card:hover .service-icon {
  transform: scale(1.1);
  color: #f37055;
}

.service-content h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.service-content a {
  text-decoration: none;
  color: #333;
  transition: 0.3s;
}

.service-content a:hover {
  color: #f37055;
}

.service-content p {
  color: #555;
  font-size: 15px;
  line-height: 1.7;
}

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* Responsive */
@media (max-width: 991px) {
  .service-card {
    padding: 30px 20px;
  }
}

@media (max-width: 575px) {
  .service-card {
    padding: 25px 15px;
  }
}

/* service css */

/* card height */
.featured__card {
  max-height: 54rem;
}

/* card height */

/* about card */
@media only screen and (min-width: 1200px) {
  .about__content--info__icon {
    width: 6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .about__content--info__title {
    width: calc(100% - 9rem);
    padding-left: 2rem;
    font-size: 2rem;
    line-height: 2.2rem;
  }
}

.contact-wrapper .contact-content {
  background-color: white;
  padding: 48px;
  border-radius: 24px;
  position: relative;
  z-index: 9;
}

/* about card */

.contact-wrapper .contact-content form .form-clt input,
.contact-wrapper .contact-content form .form-clt textarea {
  display: inline-block;
  width: 100%;
  border: none;
  padding: 19px 20px;
  background-color: white;
  border-radius: 30px;
  color: var(--st-text);
  line-height: 1;
  box-shadow: 2px black;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

@media only screen and (min-width: 576px) {
  .about__content--footer {
    margin-top: 0.6rem;
  }
}

.Custom_padding {
  padding: 8.6rem 0 !important;
}

.featured_padding {
  padding: 4.3rem 0 !important;
}

.cities_padding {
  padding: 8.7rem 0 !important;
}

@media only screen and (min-width: 1200px) {
  .testimonial__card {
    padding: 3rem 3.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial_padding {
    padding-top: 5.6rem !important;
    padding-bottom: 5.5rem !important;
  }
}

.googpemap iframe {
  height: 1000px !important;
  width: 100vw;
}

.contact-section {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: stretch;
  overflow: hidden;
}

.contact-section iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* Mobile View Adjustments */
@media (max-width: 991px) {
  .contact-wrapper {
    flex-direction: column-reverse;
  }

  .contact-content {
    width: 95% !important;
    padding: 20px !important;
  }

  .googpemap {
    height: 60vh;
    width: 100%;
  }

  .contact-section {
    height: auto;
  }
}

@media (max-width: 1024px) {
  .testimonial_padding {
    padding: 4rem 0rem !important;
  }
}

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

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding: 2rem !important;
  }
}

/* 
@media only screen and (max-width: 1024px) {
  .about__section{
    padding: 0rem 0rem !important;
  }
} */

.hero-1 {
  background-color: #051649 !important;
}

.footer__section {
  background: #051649;
}

/* ---------- Base card styling ---------- */
.service-card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  min-height: 220px;
  /* adjust card height */
  padding: 28px;
  color: #fff;
  /* text on image */
  display: flex;
  align-items: flex-end;
  /* content stays at bottom */
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  box-shadow: 0 8px 30px rgba(8, 20, 40, 0.12);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* subtle hover lift */
.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 40px rgba(8, 20, 40, 0.18);
}

/* ---------- Overlay to improve text contrast ---------- */
.service-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0.18) 0%,
      rgba(0, 0, 0, 0.45) 100%);
  z-index: 1;
  pointer-events: none;
}

/* content above overlay */
.service-card .service-icon,
.service-card .service-content {
  position: relative;
  z-index: 2;
}

/* icon styling */
.service-icon {
  width: 56px;
  height: 56px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  font-size: 22px;
  color: #fff;
  box-shadow: inset 0 -6px 12px rgba(0, 0, 0, 0.15);
}

/* title + paragraph */
.service-content h3 {
  margin: 0 0 6px 0;
  font-size: 18px;
  line-height: 1.15;
  color: #fff;
}

.service-content h3 a {
  color: inherit;
  text-decoration: none;
}

.service-content p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 14px;
  opacity: 0.95;
}

/* ---------- Default background (single image for all) ---------- */
/* .service-card {
  background-image: url('../img/banner/banner2.png');
} */

/* ---------- OR: different image per card (uncomment & use classes on HTML) ---------- */
.service-card.img-1 {
  background-image: url("../rki_asset/servicecard/service_1.png");
  filter: brightness(0.7);
}

.service-card.img-2 {
  background-image: url("../rki_asset/servicecard/service_2.png");
  filter: brightness(0.7);
}

.service-card.img-3 {
  background-image: url("../rki_asset/servicecard/service_3.png");
  filter: brightness(0.7);
}

.service-card.img-4 {
  background-image: url("../rki_asset/servicecard/service_4.png");
  filter: brightness(0.7);
}

.service-card.img-5 {
  background-image: url("../rki_asset/servicecard/serive_5.png");
  filter: brightness(0.7);
}

.service-card.img-6 {
  background-image: url("../rki_asset/servicecard/serive_6.png");
  filter: brightness(0.7);
}

/* .service-card {
  background-size: cover;
  background-position: center;
  filter: brightness(0.4);
} */

.service-content {
  background-size: cover;
  background-position: center;
  filter: brightness(0.9);
  color: white !important;
}

/* ---------- Responsive tweaks ---------- */
@media (max-width: 1199px) {
  .service-card {
    padding: 22px;
    min-height: 200px;
  }

  .service-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }

  .service-content h3 {
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  .service-card {
    padding: 18px;
    min-height: 180px;
    border-radius: 10px;
    background-position: center 30%;
  }

  .service-icon {
    width: 46px;
    height: 46px;
    font-size: 18px;
  }

  .service-content h3 {
    font-size: 16px;
  }

  .service-content p {
    font-size: 13px;
  }

  /* grid spacing smaller on mobile */
  .service-section-custom .row.g-4 {
    gap: 16px;
  }
}

/* optional: darker overlay for very busy images */
.service-card.darker::before {
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0.32) 0%,
      rgba(0, 0, 0, 0.6) 100%);
}

/* .color_black_service{
  color: white !important;
} */

.service-content h3 a {
  font-size: 3rem;
  /* color: #ee5f38; */
}

/* .service_black_color{
  color: black !important;
} */

/* .service-content{
  background-color: black;
  border-radius: 30px 30px 30px 100px;
  padding: 5px;
} */

.service-card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  min-height: 220px;
  padding: 68px 40px !important;
  color: #fff;
  display: flex;
  align-items: flex-end;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  box-shadow: 0 8px 30px rgba(8, 20, 40, 0.12);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.Custom_padding {
  padding: 9.4rem 0 !important;
}

.featured_padding {
  padding: 5.2rem 0 !important;
}

.cities_padding {
  padding: 9.6rem 0 !important;
}

.property_padding_sectioin {
  padding: 5rem 0 !important;
}

.rki_logo {
  width: 90px !important;
}

@media only screen and (min-width: 1200px) {
  .testimonial_padding_property {
    padding-top: 6.3rem !important;
    padding-bottom: 6.3rem !important;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial_padding_service {
    padding-top: 6.4rem !important;
    padding-bottom: 6.3rem !important;
  }
}

/* Navigation Buttons */
.custom-next,
.custom-prev {
  color: white;
  background-color: red;
  font-size: 20px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Position buttons */
.custom-prev {
  left: 5px;
}

.custom-next {
  right: 5px;
}

/* Hover effect */
.custom-next:hover,
.custom-prev:hover {
  background-color: white;
  color: red;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
}

/* ===== About Section ===== */
.rki-about__section {
  padding: 80px 0;
}

.rki-about__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  flex-wrap: wrap;
}

/* ✅ Paragraph perfectly aligned */
.rki-about__desc {
  line-height: 1.9;
  color: #444;
  font-size: 15px;
  text-align: justify;
  /* even left-right alignment */
  margin-bottom: 25px;
  word-spacing: 1px;
  /* small spacing for balance */
}

/* Content */
.rki-about__content {
  flex: 1 1 50%;
  max-width: 600px;
}

.rki-about__heading .rki-about__subtitle {
  color: #ff3b3b;
  font-weight: 600;
  margin-bottom: 10px;
}

.rki-about__heading .rki-about__title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 20px;
}

/* Button */
.rki-btn {
  background-color: #ff3b3b;
  color: #fff;
  padding: 12px 30px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.rki-btn:hover {
  background-color: #fff;
  color: #ff3b3b;
  border: 2px solid #ff3b3b;
}

.rki-about__footer a {
  margin-top: 20px !important;
}

/* ===== Image Section ===== */
.rki-about__image-wrapper {
  flex: 1 1 45%;
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 1000px;
  /* Enables 3D effect */
}

.rki-about__image-inner {
  width: 100%;
  /* max-width: 500px; */
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 16px;
  transition: all 0.6s ease;
  transform-style: preserve-3d;
  height: 513px !important;
}

.rki-about__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: left bottom;
  /* pivot from left-bottom corner */
  transition: all 0.6s ease;
}

/* Fold effect on hover */
.rki-about__image-inner:hover .rki-about__img {
  transform: scale(95%);
  box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.3);
}

/* ===== Responsive Design ===== */

/* ✅ Below 1024px (compact + image first) */
@media (max-width: 1024px) {
  .rki-about__section {
    padding: 50px 0;
    /* reduce top/bottom padding */
  }

  .rki-about__inner {
    flex-direction: column;
    /* image first, then text */
    text-align: center;
  }

  .rki-about__image-wrapper {
    order: 1;
    /* image first */
  }

  .rki-about__content {
    order: 2;
    /* text below image */
  }

  .rki-about__heading .rki-about__title {
    font-size: 1.8rem;
  }
}

/* ✅ Below 576px */
@media (max-width: 576px) {
  .rki-about__section {
    padding: 40px 0;
  }

  .rki-about__heading .rki-about__title {
    font-size: 1.5rem;
  }

  .rki-btn {
    padding: 10px 25px;
    font-size: 14px;
  }

  .rki-about__desc {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .rki-about__section {
    padding: 30px 0 !important;
  }
}

@media (max-width: 767px) {
  .about_section_padding {
    padding: 0rem 3rem !important;
  }
}

.rki-testimonial-section {
  padding: 80px 0;
  background: #f9f9f9;
}

.rki-section-heading {
  margin-bottom: 40px;
}

.rki-title {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}

/* ============ CARD ANIMATION ============ */
.rki-card {
  position: relative;
  width: 100%;
  height: 300px;
  background: #000;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /* Important */
  margin: 0 10px;
  transition: 0.3s;
}

/* Gradient Overlay */
.rki-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(315deg, #03a9f4, #ff0058);
  opacity: 0.7;
  z-index: 1;
}

/* Blurred Overlay */
.rki-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(315deg, #03a9f4, #ff0058);
  filter: blur(30px);
  opacity: 0.4;
  z-index: 0;
}

/* Dark Border */
.rki-card b {
  position: absolute;
  inset: 6px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
  border-radius: 10px;
}

/* ============ CARD IMAGE ============ */
.rki-card img {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Image ko card ke size ke hisab se adjust karega */
  scale: 0.85;
  /* Initially thoda chhota */
  opacity: 0.25;
  /* Initially transparent */
  transition: all 0.6s ease;
  /* Smooth transition */
}

/* 👇 Hover par Image Full dikhega 👇 */
.rki-card:hover img {
  scale: 1;
  /* Full size */
  opacity: 1;
  /* Full opacity */
  transform: translateY(0);
  /* Y axis par koi movement nahi */
}

/* ============ CARD CONTENT ============ */
.rki-card-content {
  position: absolute;
  z-index: 4;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  padding: 20px 15px 15px;
  transform: translateY(80px) scale(0);
  /* Initially niche hidden */
  transition: all 0.5s ease;
}

/* 👇 Hover par Content dikhega 👇 */
.rki-card:hover .rki-card-content {
  transform: translateY(0) scale(1);
  /* Upar aaya */
  bottom: 0;
}

.rki-card-title {
  font-size: 3rem;
  text-transform: uppercase;
  margin-bottom: 5px;
  letter-spacing: 1px;
  color: #fff;
}

.rki-card-title span {
  display: block;
  font-size: 0.8rem;
  font-weight: 300;
  color: #ffdfdf;
  margin-top: 3px;
}

/* ============ SWIPER STYLING ============ */
.rki-swiper {
  padding-bottom: 50px;
}

.swiper-pagination-bullet {
  background: #ff0058 !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active {
  background: #ff0058 !important;
}

/* Navigation Buttons */
.swiper-button-next,
.swiper-button-prev {
  color: #ffffff;
}

/* General Reset */
.contact-section {
  padding: 0;
  margin: 0;
}

.container-fluid {
  padding: 0;
}

.contact-wrapper {
  display: flex;
  flex-wrap: wrap;
  min-height: 100vh;
}

/* Map Section */
.map-section {
  position: relative;
  width: 100%;
}

.map-container {
  width: 100%;
  height: 100vh;
}

.map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* Map Buttons */
.map-buttons {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.map-buttons a {
  background: #4285f4;
  color: #fff;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 16px;
  text-decoration: none;
  font-family: "Segoe UI", sans-serif;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

.map-buttons a:hover {
  background: #3367d6;
  transform: translateY(-2px);
}

/* Responsive Design */
@media (max-width: 992px) {
  .map-container {
    height: 80vh;
  }

  .map-buttons {
    bottom: 15px;
    left: 15px;
    gap: 8px;
  }

  .map-buttons a {
    font-size: 14px;
    padding: 10px 16px;
  }
}

@media (max-width: 600px) {
  .map-container {
    height: 70vh;
  }

  .map-buttons {
    position: static;
    justify-content: center;
    padding: 10px;
    background: rgba(255, 255, 255, 0.1);
  }

  .map-buttons a {
    width: 100%;
    text-align: center;
  }
}




/* footer form css  */
footer {
  background-color: #06154a;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 80px 5%;
  gap: 20px;
}

/* ---------- Left Logo Section ---------- */
.footer-logo {
  /* flex: 1 1 20%;    */
  /* width: 400px; */
  /* height: 300px; */
}

.footer-logo img {
  width: 100%;
  /* increased from 160px */
  height: 100%;
  /* margin-bottom: 10px; */
}

.footer-logo p {
  font-size: 14px;
  color: #ccc;
}

/* ---------- Quick Links ---------- */
.footer-links {
  flex: 1 1 15%;
  min-width: 180px;
}

.footer-links h4 {
  font-size: 18px;
  margin-bottom: 15px;
  color: #f8c100;
}

.footer-links ul {
  list-style: none;
}

.footer-links ul li {
  margin-bottom: 20px;

}

.footer-links ul li a {
  color: #ddd;
  text-decoration: none;
  font-size: 15px;
  transition: 0.3s;
}

.footer-links ul li a:hover {
  color: #f8c100;
}

/* ---------- Contact Info ---------- */
.footer-contact {
  flex: 1 1 20%;
  min-width: 200px;
}

.footer-contact h4 {
  font-size: 18px;
  margin-bottom: 15px;
  color: #f8c100;
}

.footer-contact p {
  color: #ddd;
  margin-bottom: 20px;
  font-size: 15px;
}

.footer-contact i {
  color: #f15b2a;
  margin-right: 8px;
}

/* ---------- Contact Form ---------- */
.footer-form {
  flex: 1 1 30%;
  min-width: 300px;
  background-color: #fff;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  color: #000;
}

.footer-form h3 {
  color: #f15b2a;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.footer-form h2 {
  font-size: 24px;
  color: #071b54;
  margin-bottom: 25px;
}

.footer-form form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.footer-form input,
.footer-form textarea {
  width: 100%;
  padding: 12px 15px;
  border: none;
  outline: none;
  background: #f2f2f2;
  border-radius: 25px;
  font-size: 15px;
}

.footer-form textarea {
  height: 100px;
  resize: none;
}

.footer-form button {
  background-color: #071b54;
  color: #fff;
  border: none;
  border-radius: 25px;
  padding: 12px 25px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}

.footer-form button:hover {
  background-color: #f15b2a;
}

/* ---------- Responsive ---------- */
@media (max-width: 992px) {
  footer {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-logo,
  .footer-links,
  .footer-contact,
  .footer-form {
    flex: 1 1 100%;
    max-width: 600px;
  }

  .footer-form {
    margin-top: 30px;
  }
}

/* about backchodi  */
/* ===== Testimonial Section ===== */
.testimonial-section {
  padding: 60px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f8f9fb;
}

.testimonial-card {
  max-width: 700px;
  width: 100%;
  background: #ffffff;
  border: 2px solid rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
  padding: 40px 30px;
  position: relative;
  transition: all 0.3s ease;
}

.testimonial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
  border-color: #007bff;
}

/* Testimonial Text */
.testimonial-text {
  font-size: 1.1rem;
  color: #444;
  line-height: 1.7;
  margin-bottom: 30px;
  font-style: italic;
  text-align: center;
}

/* Client Info */
.testimonial-client {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.testimonial-client-info {
  display: flex;
  align-items: center;
  gap: 15px;
}

.testimonial-img img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 3px solid #007bff;
  object-fit: cover;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.testimonial-name {
  font-size: 1rem;
  color: #222;
  font-weight: 600;
}

/* Quote Icon */
.testimonial-quote img {
  width: 40px;
  opacity: 0.3;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .testimonial-card {
    padding: 30px 20px;
  }

  .testimonial-text {
    font-size: 1rem;
  }

  .testimonial-client {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .testimonial-quote {
    margin-top: 15px;
  }
}

@media (max-width: 480px) {
  .testimonial-card {
    border-radius: 15px;
    padding: 25px;
  }

  .testimonial-img img {
    width: 50px;
    height: 50px;
  }

  .testimonial-name {
    font-size: 0.95rem;
  }

  .testimonial-quote img {
    width: 30px;
  }
}

/* about backchodi  */

/* *:not(head, head *, style, script, svg, svg *),
*:not(head, head *, style, script, svg, svg *)::before,
*:not(head, head *, style, script, svg, svg *)::after {
	all: unset;
	box-sizing: border-box;
} */

/* @charset "UTF-8"; */

/* body,
html {
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: gray black;
} */

/*body {
	 display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	margin: 0;
	background-color: #222;
	font: normal normal 400 16px / 150% sans-serif;
	color: #444;
} */

/* article {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
} */

article .sectionWrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
}

article #_boxes {
  width: 100%;
  max-width: 1265px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 25px 0;
}

article #_boxes ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 25px;
}

article #_boxes ul li {
  width: calc((100% / 1) - 10px);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 25px;
  border-radius: 8px;
  z-index: 1;
  overflow: visible;
}

article #_boxes ul li:nth-child(1) {
  --cardAccent: #3f9f47;
}

article #_boxes ul li:nth-child(2) {
  --cardAccent: #ff3636;
}

article #_boxes ul li:nth-child(3) {
  --cardAccent: #00a9ff;
}

article #_boxes ul li::after {
  position: absolute;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  z-index: -2;
  border-radius: 8px;
  /* background-color: black; */
  filter: drop-shadow(0px 0px 35px var(--cardAccent)) hue-rotate(0deg);
  content: "";
}

article #_boxes ul li:nth-child(1)::after {
  animation: hue-rotate-special 7s linear infinite reverse;
}

article #_boxes ul li:nth-child(2)::after {
  animation: hue-rotate-special 9s linear infinite;
}

article #_boxes ul li:nth-child(3)::after {
  animation: hue-rotate-special 5s linear infinite alternate-reverse;
}

@keyframes hue-rotate-special {
  to {
    filter: drop-shadow(0px 0px 35px var(--cardAccent)) hue-rotate(360deg);
  }
}

article #_boxes ul li svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}

article #_boxes ul li:nth-child(1) svg {
  stroke-dasharray: 331 66;
  animation: dash 7s linear infinite reverse;
}

article #_boxes ul li:nth-child(2) svg {
  stroke-dasharray: 307 131;
  animation: dash2 9s linear infinite;
}

article #_boxes ul li:nth-child(3) svg {
  stroke-dasharray: 309 154;
  animation: dash3 5s linear infinite alternate-reverse;
}

@keyframes dash {
  to {
    stroke-dashoffset: -397px;
    filter: hue-rotate(360deg);
  }
}

@keyframes dash2 {
  to {
    stroke-dashoffset: -438px;
    filter: hue-rotate(360deg);
  }
}

@keyframes dash3 {
  to {
    stroke-dashoffset: -463px;
    filter: hue-rotate(360deg);
  }
}

article #_boxes ul li figure {
  position: relative;
  background-color: white;
  border-radius: 8px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 35px;
  z-index: 1;
}

article #_boxes ul li figure::after {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 70px;
  height: 70px;
  border: 20px solid var(--cardAccent);
  border-radius: 100%;
  pointer-events: none;
  z-index: 1;
  content: "";
}

article #_boxes ul li figure h2 {
  margin-bottom: 15px;
  word-break: break-word;
  font-family: Nunito, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 25px;
  color: rgb(38, 35, 42);
}

article #_boxes ul li figure figcaption {
  padding-left: 30px;
  border-left: 1px solid black;
  text-align: justify;
  text-justify: inter-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

article #_boxes ul li figure a {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
  background-color: var(--cardAccent);
  padding: 7px 17px;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
  z-index: 1;
}

article #_boxes ul li figure a::after {
  position: absolute;
  right: calc(100% + 1px);
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  border-radius: 4px;
  transition: all 0.3s ease;
  z-index: -1;
  content: "";
}

article #_boxes ul li figure a:hover::after {
  right: 0;
  transition: all 0.3s ease;
}

article #_boxes ul li:nth-child(1) figure a,
article #_boxes ul li:nth-child(1) figure::after {
  animation: hue-rotate 7s linear infinite reverse;
}

article #_boxes ul li:nth-child(2) figure a,
article #_boxes ul li:nth-child(2) figure::after {
  animation: hue-rotate 9s linear infinite;
}

article #_boxes ul li:nth-child(3) figure a,
article #_boxes ul li:nth-child(3) figure::after {
  animation: hue-rotate 5s linear infinite alternate-reverse;
}

@keyframes hue-rotate {
  to {
    filter: hue-rotate(360deg);
  }
}

article #_boxes ul li figure a em {
  color: white;
  font-weight: 500;
  margin-right: 10px;
}

article #_boxes ul li figure a i {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: white;
  position: relative;
  top: 1px;
  transition: all 0.3s ease;
}

article #_boxes ul li figure a:hover i {
  margin-left: 10px;
  transition: all 0.3s ease;
}

@media (max-width: 1050px) {
  article #_boxes ul li {
    width: 100%;
  }
}

@media (max-width: 900px) {
  article #_boxes ul li figure h2 {
    font-size: 200%;
  }
}

@media (max-width: 450px) {
  article #_boxes ul li figure::after {
    width: 50px;
    height: 50px;
    border: 15px solid var(--cardAccent);
  }
}

article #_boxes ul li {
  width: calc((100% / 1) - 10px);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 25px;
  border-radius: 8px;
  z-index: 1;
  overflow: visible;
  height: auto;
  /* ✅ auto height based on content */
  min-height: 100px;
  /* optional: for base look */
}

article #_boxes ul li::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
  border-radius: 8px;
  content: "";
  width: 100%;
  height: 100%;
  /* ✅ always matches box height */
  filter: drop-shadow(0px 0px 35px var(--cardAccent)) hue-rotate(0deg);
  pointer-events: none;
  transition: height 0.3s ease;
}

/* ✅ SVG border now adapts to height automatically */
article #_boxes ul li svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  overflow: visible;
}

/* Keep your animations */
article #_boxes ul li:nth-child(1)::after {
  animation: hue-rotate-special 7s linear infinite reverse;
}

article #_boxes ul li:nth-child(2)::after {
  animation: hue-rotate-special 9s linear infinite;
}

article #_boxes ul li:nth-child(3)::after {
  animation: hue-rotate-special 5s linear infinite alternate-reverse;
}

/* ✅ Important addition — make the figure expand with content naturally */
article #_boxes ul li figure {
  position: relative;
  background-color: white;
  border-radius: 8px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 35px;
  z-index: 1;
  height: auto;
  /* ✅ adjust automatically */
  min-height: 200px;
}

/* MAIN BOXES */
article #_boxes ul li {
  width: calc((100% / 1) - 10px);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 25px;
  border-radius: 8px;
  z-index: 1;
  overflow: visible;
  /* ✅ Important: allows glow to show fully */
  height: auto;
  /* ✅ Auto height */
}

/* GLOW EFFECT – adjusts dynamically with box size */
article #_boxes ul li::after {
  position: absolute;
  inset: 0;
  /* ✅ makes it follow the full height */
  z-index: -2;
  border-radius: 8px;
  content: "";
  width: 100%;
  height: 100%;
  filter: drop-shadow(0px 0px 35px var(--cardAccent)) hue-rotate(0deg);
  pointer-events: none;
}

/* SVG BORDER – adapts to changing height */
article #_boxes ul li svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* ✅ auto adjusts with content height */
  pointer-events: none;
  z-index: -1;
}

/* CONTENT BOX */
article #_boxes ul li figure {
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 35px;
  z-index: 1;
  height: auto;
  /* ✅ expands with text */
  min-height: unset;
  /* ✅ remove any fixed height */
  overflow: visible;
  /* ✅ ensures all text shows */
}

/* TITLE */
article #_boxes ul li figure h2 {
  color: #000;
  font-weight: 700;
  line-height: 1.2;
  font-size: 220%;
  margin-bottom: 15px;
  word-break: break-word;
}

/* TEXT */
article #_boxes ul li figure figcaption {
  padding-left: 20px;
  border-left: 1px solid #000;
  text-align: justify;
  -webkit-line-clamp: unset;
  /* ✅ no truncation */
  display: block;
  /* ✅ ensures full text visible */
  overflow: visible;
  /* ✅ shows everything */
  font-family: Nunito, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  color: rgb(94, 95, 99);
}

/* BUTTON */
article #_boxes ul li figure a {
  margin-top: 20px;
}

/* MOBILE FIXES */
@media (max-width: 768px) {
  article #_boxes ul {
    flex-direction: column;
    row-gap: 25px;
  }

  article #_boxes ul li {
    width: 100%;
    padding: 20px;
  }

  article #_boxes ul li figure {
    padding: 25px;
  }

  article #_boxes ul li figure h2 {
    font-size: 180%;
  }
}

/* @media (min-width:1200px){
  .blog_padding_dex {
    padding: 0rem 2rem !important;
  }
} */

/* 
.featured__thumbnail--img{
  width: 100% ;
}

.media{
  width: 40rem ;
} */



#earthFrame iframe {
  width: 100%;
  height: 80vh;
  border: 0;
  border-radius: 16px;
}

.earth-buttons {
  text-align: center;
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.earth-buttons button {
  background: #0a0a23;
  color: white;
  padding: 10px 18px;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.earth-buttons button:hover {
  background: #0078ff;
}


@media (max-width:768px) {
  .propertie_img_banner {
    /* overflow: hidden; */
    padding-top: 61px;
  }
}

@media (max-width:480px) {
  .hero_padding_top {
    padding-top: 55px !important;
  }
}

@media (max-width:375px) {
  .hero_padding_top {
    padding-top: 70px !important;
  }
}

@media (max-width:426px)and (min-width:376px) {
  .property_padding_x {
    padding: 0 1.7rem !important;
  }
}










/* navbar height  */
@media only screen and (max-width: 425px) {

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding: 1rem !important;
  }
}

/* navbar height  */







/* Overall card container */
/* Section Layout */
.service_section {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 120px 5%;
  background: #f7f7f7;
}

/* Each Card */
.service_card {
  display: flex;
  width: 100%;
  min-height: 300px;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.service_card:hover {
  transform: translateY(-5px);
}

/* Image Side */
.service_card_img {
  position: relative;
  width: 30%;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

/* Overlay (default small box bottom-left) */
.service_card_overlay {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 35rem;
  height: 50px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.5s ease;
  transform-origin: bottom left;
}

.service_card_overlay p {
  font-size: 27px;
  /* color:rgb(214, 40, 40); */
  color: white;
  padding: 10px;
}

/* Smooth expansion (no layout jump) */
.service_card:hover .service_card_overlay {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.50);
  transform: scale(1);
}


/* Text Area */
.service_card_text {
  flex: 1;
  padding: 5px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #f9f9f9;
}

.service_card_text h2 {
  margin-bottom: 15px;
  font-size: 22px;
  color: #333;
}

.service_card_text p {
  color: #555;
  line-height: 1.6;
  font-size: 15px;
}

/* Responsive Layout */
@media (max-width: 992px) {
  .service_card {
    flex-direction: column;
  }

  .service_card_img {
    width: 100%;
    height: 250px;
  }

  .service_card_overlay {
    bottom: 10px;
    left: 10px;
    width: 100px;
    height: 45px;
  }

  .service_card_text {
    padding: 25px;
  }
}

@media (max-width: 576px) {
  .service_section {
    gap: 30px;
    padding: 40px 3%;
  }

  .service_card_text h2 {
    font-size: 20px;
  }

  .service_card_text p {
    font-size: 14px;
  }
}







/* -------------------------------
   Fullscreen Hero Video Section
-------------------------------- */
.hero-video {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  margin: 0;
  padding: 0;
  top: 0;
}

/* Video background container */
.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

/* Responsive YouTube video */
.video-background iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120vw;
  /* slightly larger for coverage */
  height: 120vh;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  pointer-events: none;
  border: none;
}


/* -------------------------------
   Responsive Adjustments
-------------------------------- */

/* Tablets */
@media (max-width: 1024px) {

  .video-background iframe {
    width: 200vw;
    height: 120vh;
  }
}

/* Mobiles */
@media (max-width: 768px) {
  .video-background iframe {
    width: 220vw;
    height: 130vh;
  }
}

/* Small Mobiles (iPhone SE, etc.) */
@media (max-width: 480px) {
  .hero-video {
    height: 77vh;

  }

  .video-background iframe {
    padding-top: 90px;
    width: 240vw;
    height: 140vh;
  }
}

/* Optional: Transparent background class */
/* @media (min-width: 430px) {
  .remove_homeBgColour {
    background-color: transparent !important;
  }
} */









/* map video  */
/* ===== FULLSCREEN SECTION ===== */
.hero-map {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* ===== VIDEO BACKGROUND ===== */
.earth-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

.earth-container iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120vw;
  height: 120vh;
  transform: translate(-50%, -50%);
  object-fit: cover;
  border: none;
  transition: opacity 0.6s ease-in-out;
  pointer-events: none;
}

/* ===== OVERLAY CONTENT ===== */
.map-overlay {
  position: relative;
  z-index: 2;
  color: #fff;
  text-align: center;
  top: 100%;
  transform: translateY(-50%);
  padding: 0 20px;
}

.map-overlay h1 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}

.map-overlay p {
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

/* ===== BUTTON STYLING ===== */
.map-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.map-buttons button {
  background: #0078ff;
  color: #fff;
  border: none;
  padding: 12px 24px;
  font-size: 1.1rem;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.map-buttons button:hover {
  background: #005fcc;
  transform: scale(1.05);
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1024px) {
  .map-overlay h1 {
    font-size: 2.4rem;
  }

  .map-overlay p {
    font-size: 1.1rem;
  }
}

@media (max-width: 768px) {
  .earth-container iframe {
    width: 150vw;
    height: 2000vh;
  }

  .map-overlay h1 {
    font-size: 1.8rem;
  }

  .map-overlay p {
    font-size: 1rem;
  }

  .map-buttons button {
    font-size: 1rem;
    padding: 10px 20px;
  }
}

@media (max-width: 480px) {
  .map-overlay h1 {
    font-size: 1.5rem;
  }

  .map-overlay p {
    font-size: 0.9rem;
  }

  .map-buttons {
    flex-direction: column;
    gap: 10px;
  }

  .map-buttons button {
    font-size: 0.9rem;
    padding: 8px 18px;
  }

  .hero-map {
    height: 75vh;

  }

  .hero-map iframe {
    /* padding-top:90px; */
    width: 270vw;
    height: 310vh;
  }

  .map-overlay {
    top: 70%
  }

}


/* blog section */
.blog_section {
  padding: 120px 80px;
  background: #f9f9f9;
}

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

/* Card */
.blog_section_card {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: all 0.3s ease;
  height: auto;
  padding: 10px;
}

.blog_section_card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* Image Section */
.card_img {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card_img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0% 0% 49% 51% / 25% 25% 52% 53%;
  transition: transform 0.4s ease;
}

.blog_section_card:hover .card_img img {
  /* transform: scale(-1.05); */
}

/* Text Section */
.card_text {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card_text h3 {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  margin-bottom: 12px;
}

.card_text p {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 20px;
}

/* Button */
.card_btn_wrapper {
  display: flex;
  justify-content: flex-start;
}

.solid__btn {
  display: inline-block;
  background: rgb(244, 53, 53);
  color: #fff;
  padding: 0px 22px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 120, 215, 0.3);
}

.solid__btn:hover {
  background: #005fa3;
  transform: translateY(-2px);
}

/* Responsive (Tablet) */
@media (max-width: 992px) {
  .blog_section_container {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .blog_section_card {
    flex-direction: column;
    text-align: center;
    padding: 20px;
  }

  .card_img img {
    width: 80%;
    margin-bottom: 15px;
  }

  .card_text {
    padding: 10px 25px;
  }

  .card_btn_wrapper {
    justify-content: center;
  }
}

/* Responsive (Mobile) */
@media (max-width: 600px) {
  .blog_section {
    padding: 40px 20px;
  }

  .card_img img {
    width: 90%;
  }

  .card_text {
    text-align: center;
    padding: 0 10px;
  }

  .card_text h3 {
    font-size: 18px;
  }

  .card_text p {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 15px;
  }

  .solid__btn {
    font-size: 13px;
    padding: 0px 18px;
  }

  .card_btn_wrapper {
    justify-content: center;
  }
}



/* property section scroll able  */
/* .listing__main--content {
  max-height: 1200px;   
  overflow-y: auto;     
  overflow-x: hidden;   
  padding-right: 10px;  
} */


/* .listing__main--content::-webkit-scrollbar {
  display: none;         
} */




/* form msg show */
.success-msg {
  margin-top: 10px;
  color: green;
  font-weight: 600;
  display: none;
}



/* video using in project  */
/* ===== MAIN VIDEO SECTION ===== */
.main-video-section {
  position: relative;
  height: 101vh;
  overflow: hidden;
}

.video-wrap video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: -2;
}

/* Dark overlay for readability */
.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  z-index: -1;
}

/* ===== TEXT CONTENT ===== */
.video-text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  width: 90%;
  max-width: 800px;
  z-index: 1;
}

.video-text-box h1 {
  font-size: 3rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);
}

.video-text-box p {
  font-size: 1.1rem;
  margin-bottom: 25px;
  color: #f0f0f0;
}

.video-text-box .video-btn {
  background: #ff6b00;
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-size: 1rem;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.video-text-box .video-btn:hover {
  background: #e65a00;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {
  .video-text-box h1 {
    font-size: 2rem;
  }

  .video-text-box p {
    font-size: 1rem;
  }

  .video-text-box .video-btn {
    padding: 10px 25px;
    font-size: 0.9rem;
  }
}


/* --------------- */
/* ===== WHATSAPP FLOATING BUTTON ===== */
.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  color: white;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.whatsapp-float:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
}

/* Optional pulse animation */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6);
  }

  70% {
    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

.whatsapp-float {
  animation: pulse 2s infinite;
}

/* For the WhatsApp icon */
.whatsapp-float i {
  font-size: 30px;
  color: white;
}








/* form msg show */
.success-msg {
  margin-top: 10px;
  color: green;
  font-weight: 600;
  display: none;
}



/* video using in project  */
/* ===== MAIN VIDEO SECTION ===== */
.main-video-section {
  position: relative;
  height: 101vh;
  overflow: hidden;
}

.video-wrap video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: -2;
}

/* Dark overlay for readability */
.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  z-index: -1;
}

/* ===== TEXT CONTENT ===== */
.video-text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  width: 90%;
  max-width: 800px;
  z-index: 1;
}

.video-text-box h1 {
  font-size: 3rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);
}

.video-text-box p {
  font-size: 1.1rem;
  margin-bottom: 25px;
  color: #f0f0f0;
}

.video-text-box .video-btn {
  background: #ff6b00;
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-size: 1rem;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.video-text-box .video-btn:hover {
  background: #e65a00;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {
  .video-text-box h1 {
    font-size: 2rem;
  }

  .video-text-box p {
    font-size: 1rem;
  }

  .video-text-box .video-btn {
    padding: 10px 25px;
    font-size: 0.9rem;
  }
}


/* --------------- */
/* ===== WHATSAPP FLOATING BUTTON ===== */
.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  color: white;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.whatsapp-float:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
}

/* Optional pulse animation */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6);
  }

  70% {
    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

.whatsapp-float {
  animation: pulse 2s infinite;
}

/* For the WhatsApp icon */
.whatsapp-float i {
  font-size: 30px;
  color: white;
}




@media only screen and (min-width: 1366px) {
  .full_width_about {
    max-width: 100% !important;

  }
}


.curve_hover img {
  width: 100%;
  height: 60.7vh;
  display: block;
  transition: transform 0.4s ease;
}


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

  /* Your tablet styles here */
  .tab_padding {
    padding: 0px 1rem !important;
  }
}

/* @media (max-width: 1500px) and (min-width: 1024px) {
  .Custom_padding {
    padding: 12.6rem 0 !important;
}
} */


.Custom_padding {
  padding: 11.5rem 0 !important;
}

.section_heading_title {
  font-size: 2rem !important;
}


.footer-form {
  flex: 1 1 30%;
  min-width: 300px;
  background: transparent;
  border-radius: 16px;
  padding: 30px;
  /* background: #CBCBCB; */
  /* box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); */
  box-shadow: 0 8px 25px rgba(100, 155, 155, 0.5);
  color: black;
}

.footer-form input,
.footer-form textarea {
  width: 100%;
  padding: 12px 15px;
  border: none;
  outline: none;
  background: transparent;
  border-radius: 25px;
  font-size: 15px;
  /* box-shadow: rgba(0, 0, 4, 0.24) 0px 3px 8px; */
  box-shadow: rgba(119, 137, 146, 112.24) 0px 3px 8px;
}


footer {
  padding: 75px 2% !important;
}


.properties__amenities--mark__icon {
  height: 1rem !important;
  width: 1rem !important;
}

.about_padding_section_client {
  padding: 4rem 0 !important;
}

.bg_about_pink {
  background-color: #FFFBFC !important;
}


.font_family_custom {
  /* font-family: "Nunito", sans-serif !important; */
  size: 12px !important;
  color: rgb(68, 68, 68) !important;
  line-height: 28.5px !important;
  font-weight: 400 !important;
}


.red_color_text {
  color: #FA4A4A !important;
}


@media (max-width: 768px) and (min-width: 425px) {
  .about_section_content_padding {
    padding: 0 20px;
  }
}


@media only screen and (min-width: 1200px) {
  .service_section_padding_content {
    padding: 3rem 2rem 0 !important;
  }
}



@media only screen and (min-width: 1200px) {
  .section--padding_service {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}




/* Section */
.brand-slider-section {
  width: 100%;
  padding: 40px 0;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

/* Swiper Container */
.brand-slider {
  width: 90%;
  max-width: 1200px;
}

/* Swiper Slide */
.brand-slide {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  /* ✅ ensures all logos align at the bottom */
  height: 100px;
  /* ✅ fixed height for consistent alignment */
}

/* Logo Images */
.brand-slide img {
  width: 100px;
  height: 80px;
  /* ✅ consistent height */
  object-fit: contain;
  /* keeps aspect ratio inside box */
  opacity: 0.9;
  transition: transform 0.3s ease, opacity 0.3s ease;
  display: block;
}

/* Hover Effect */
.brand-slide img:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* Dark Text Class (if needed) */
.text-dark-dlf {
  color: black;
}

/* Responsive */
@media (max-width: 768px) {
  .brand-slide {
    height: 80px;
  }

  .brand-slide img {
    width: 70px;
    height: 60px;
  }
}

@media (max-width: 480px) {
  .brand-slide {
    height: 70px;
  }

  .brand-slide img {
    width: 60px;
    height: 50px;
  }
}



.property-padding-section-y {
  padding: 4.4rem 0 !important;
}


.cities_padding {
  padding: 8.7rem 0 !important;
}


@media only screen and (min-width: 1200px) {
  .testimonial_padding {
    padding-top: 5.6rem !important;
    padding-bottom: 5.7rem !important;
  }
}














@media only screen and (min-width: 1366px) {
  .full_width_about {
    max-width: 100% !important;

  }
}


.curve_hover img {
  width: 100%;
  height: 60.7vh;
  display: block;
  transition: transform 0.4s ease;
}


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

  /* Your tablet styles here */
  .tab_padding {
    padding: 0px 1rem !important;
  }
}

/* @media (max-width: 1500px) and (min-width: 1024px) {
  .Custom_padding {
    padding: 12.6rem 0 !important;
}
} */


.Custom_padding {
  padding: 11.5rem 0 !important;
}

.section_heading_title {
  font-size: 2rem !important;
}


.footer-form {
  flex: 1 1 30%;
  min-width: 300px;
  background: transparent;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  color: black;
}

.footer-form input,
.footer-form textarea {
  width: 100%;
  padding: 12px 15px;
  border: none;
  outline: none;
  background: transparent;
  border-radius: 25px;
  font-size: 15px;
  box-shadow: rgba(0, 0, 4, 0.24) 0px 3px 8px;
}


footer {
  padding: 75px 2% !important;
}


.properties__amenities--mark__icon {
  height: 1rem !important;
  width: 1rem !important;
}

.about_padding_section_client {
  padding: 4rem 0 !important;
}

.bg_about_pink {
  background-color: #FFFBFC !important;
}


.font_family_custom {
  /* font-family: "Nunito", sans-serif !important; */
  size: 12px !important;
  color: rgb(68, 68, 68) !important;
  line-height: 28.5px !important;
  font-weight: 400 !important;
}


.red_color_text {
  color: #FA4A4A !important;
}


@media (max-width: 768px) and (min-width: 425px) {
  .about_section_content_padding {
    padding: 0 20px;
  }
}


@media only screen and (min-width: 1200px) {
  .service_section_padding_content {
    padding: 3rem 2rem 0 !important;
  }
}



@media only screen and (min-width: 1200px) {
  .section--padding_service {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}


/* Section */
.brand-slider-section {
  width: 100%;
  padding: 40px 0;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Swiper Container */
.brand-slider {
  width: 90%;
  max-width: 1200px;
}

/* Swiper Slide */
.brand-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Logo Images */
.brand-slide img {
  width: 100px;
  height: auto;
  object-fit: contain;
  opacity: 0.9;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.brand-slide img:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* Responsive */
@media (max-width: 768px) {
  .brand-slide img {
    width: 70px;
  }
}

@media (max-width: 480px) {
  .brand-slide img {
    width: 60px;
  }
}


.property-padding-section-y {
  padding: 4.4rem 0 !important;
}


.cities_padding {
  padding: 8.7rem 0 !important;
}


@media only screen and (min-width: 1200px) {
  .testimonial_padding {
    padding-top: 5.6rem !important;
    padding-bottom: 5.7rem !important;
  }
}





.footer-form {
  flex: 1 1 30%;
  min-width: 300px;
  background: transparent;
  border-radius: 16px;
  padding: 30px;
  /* background: #CBCBCB; */
  /* box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); */
  box-shadow: 0 8px 25px rgba(100, 155, 155, 0.5);
  /* box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px; */
  color: black;
}

.footer-form input,
.footer-form textarea {
  width: 100%;
  padding: 12px 15px;
  border: none;
  outline: none;
  background: transparent;
  border-radius: 25px;
  font-size: 15px;
  /* box-shadow: rgba(0, 0, 4, 0.24) 0px 3px 8px; */
  box-shadow: rgba(119, 137, 146, 112.24) 0px 3px 8px;
}



.Custom_padding {
  padding: 11.8rem 0 !important;
}



@media only screen and (min-width: 1200px) {
  .testimonial_padding {
    padding-top: 5.7rem !important;
    padding-bottom: 6.3rem !important;
  }
}

@media (max-width:1024px) {

  .tab_view_min {
    padding: 5rem 0px !important;
  }
}


.dropdown_list {
  width: 100%;
  padding: 1rem 2rem;
}



@media (max-width:425px) {
  .login-section {
    padding: 4px;

  }
}


/* @media (max-width:425px){
  footer{
        margin-top: 83px;
  }
} */


/* logo css ------------ */
.brand-slider-section {
  padding: 20px 0;
  background: gray;
}

.brand-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-slide img {
  width: 120px;
  /* Equal width for all logos */
  height: 60px;
  /* Equal height */
  object-fit: contain;
  /* Keeps logo proportions */
  filter: none;
  /* Keeps original colors */
  transition: transform 0.3s ease;
}

/* Optional: subtle hover zoom */
.brand-slide img:hover {
  transform: scale(1.1);
}

/* Responsive adjustment */
@media (max-width: 768px) {
  .brand-slide img {
    width: 90px;
    height: 50px;
  }
}

.extra_width {
  /* width: 500px !important; */
  /* height: 100px; */
}








/* --------------------------Blog view Section------------------------- */
/* CSS - include in your stylesheet (or a <style> block) */

/* ensure body/html use full height if you use vh math */
/* html, body {
  height: 100%;
  margin: 0;
  padding: 0;
} */

.blog-section {
  padding: 150px 60px;
  background: #f9f9f9;
  font-family: "Poppins", sans-serif;
  color: #333;
}

/* flex container */
.blog-container {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  /* important: don't stretch children unexpectedly */
}

/* LEFT - scrollable area */
/* Use a fixed viewport-based height so overflow works */
.blog-content {
  flex: 1 1 55%;
  /* Choose one of these depending on your layout:
     - If you want it to fit inside the visible viewport: use calc(100vh - offset)
     - If you want a fixed px height: use e.g. height: 600px;
  */
  height: calc(100vh - 160px);
  /* adjust 160px based on header/padding, etc */
  max-height: calc(100vh - 160px);
  overflow: hidden;
  /* inner element will scroll */
}

/* The inner scroll container */
.blog-scroll {
  height: 100%;
  overflow-y: auto;
  padding-right: 12px;
  box-sizing: content-box;
  /* keep padding from affecting height */
  -webkit-overflow-scrolling: touch;
  /* smooth touch scrolling on iOS */
}

.blog-image {
  width: 100%;
}

.blog-scroll::-webkit-scrollbar {
  display: none;
}

/* Optional: visible focus for keyboard accessibility */
.blog-scroll:focus {
  outline: 2px solid rgba(0, 120, 215, 0.35);
}

/* Scrollbar styling (WebKit) */
.blog-scroll::-webkit-scrollbar {
  width: 8px;
}

.blog-scroll::-webkit-scrollbar-thumb {
  background: #0078d7;
  border-radius: 6px;
}

.blog-scroll::-webkit-scrollbar-track {
  background: #eee;
}

/* text */
.blog-text {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  color: #333;
}

/* RIGHT - sticky image */
.blog-image {
  flex: 1 1 40%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* Sticky image: parent must be tall enough and align-items flex-start helps */
.blog-image img {
  width: 100%;
  max-width: 480px;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
  position: sticky;
  top: 100px;
  /* distance from viewport top */
}

/* Conclusion below the container */
.blog-conclusion {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid #ddd;
}

/* RESPONSIVE: on smaller widths we disable inner scroll so the page scrolls naturally */
@media (max-width: 992px) {
  .blog-container {
    flex-direction: column;
  }

  .blog-content {
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .blog-scroll {
    overflow: visible;
    -webkit-overflow-scrolling: auto;
  }

  .blog-image img {
    position: relative;
    top: 0;
    max-width: 100%;
  }
}

/* small mobile polish */
@media (max-width: 600px) {
  .blog-section {
    padding: 24px;
  }

  .blog-text {
    font-size: 15px;
    line-height: 1.6;
  }
}





@media (max-width: 768px) {
  .propertie_img_banner {
    height: 50vh;
    /* same height, but ensures proper fit */
  }

  .propertie_img_banner img {
    object-fit: cover;
    /* if you want full image visible on mobile */
    height: 37vh;
  }
}

@media (max-width: 1600px) and (min-width: 1024px) {
  .propertie_img_banner img {
    width: 100%;
    height: 46vh;
  }
}

.padding_remove {
  padding: 4rem 0 !important;
}


.blog-image img {
  width: 100%;
  max-width: 480px;
  height: 34em;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
  position: sticky;
  top: 100px;
  background-size: cover;
}



.blog-image img {
  width: 100%;
  max-width: 480px;
  height: 34em;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
  position: sticky;
  top: 100px;
}



/* --- Brand Slider Section --- */
.brand-slider-section {
  padding: 40px 0;
  background: #fff;
}

.brand-slider {
  width: 100%;
  overflow: hidden;
}

/* Slide wrapper */
.brand-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Make all logos uniform scale */
.brand-slide img {
  width: 140px;
  /* uniform width for all */
  height: 70px;
  /* uniform height for all */
  object-fit: contain;
  /* keeps aspect ratio intact */
  filter: grayscale(0%);
  transition: transform 0.3s ease, filter 0.3s ease;
}

/* Hover animation (optional) */
.brand-slide img:hover {
  transform: scale(1.1);
  filter: grayscale(0%);
}

/* Responsive adjustments */
@media (max-width: 992px) {
  .brand-slide img {
    width: 120px;
    height: 60px;
  }
}

@media (max-width: 600px) {
  .brand-slide img {
    width: 90px;
    height: 50px;
  }
}



.increase_size {
  transform: scale(1.5);
}

.heading_font_size {
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 28px;
  color: rgb(22, 36, 62);
}

.card_text p {
  font-family: Nunito, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  color: rgb(94, 95, 99) !important;
}

.card_text h3 {
  font-family: Inter, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  color: rgb(22, 36, 62) !important;
}


.view_blog_main_heading {
  font-family: 'Inter', sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 44px !important;
  color: rgb(22, 36, 62) !important;
}

.blog-content h3 {
  color: rgb(244, 53, 53) !important;
}

.blog-conclusion h3 {
  color: rgb(244, 53, 53) !important;

}

.blog-content {

  font-family: Nunito, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  color: rgb(94, 95, 99) !important;
}

.blog-conclusion {
  font-family: Nunito, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: rgb(94, 95, 99) !important;

}





.about_img_banner {
  position: relative;
  height: 46vh;
  background: url("../images/about/notextabout.jpg") center/cover no-repeat;
  display: flex;
  justify-content: center;
  /* center horizontally */
  align-items: center;
  /* center vertically */
  text-align: center;
}

/* Text Section */
.about_banner_text {
  position: relative;
  z-index: 2;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Yellow Line */
.yellow-line {
  width: 490px;
  height: 15px;
  background-color: #ffcc00;
  transform: rotate(125deg);
  margin-bottom: 20px;
  border-radius: 4px;
}

/* Text Style */
.about_banner_text h1 {
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* 🧩 Responsive Design */
@media (max-width: 992px) {
  .yellow-line {
    width: 300px;
    height: 8px;
  }

  .about_banner_text h1 {
    font-size: 2.5rem;
  }
}

@media (max-width: 768px) {
  .yellow-line {
    width: 220px;
    height: 6px;
  }

  .about_banner_text h1 {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  .yellow-line {
    width: 150px;
    height: 5px;
  }

  .about_banner_text h1 {
    font-size: 1.6rem;
  }
}

#contactForm input::placeholder {
  color: #ffffff;
  /* Lighter color for placeholder text */
}

.WhatsApp {
  color: rgb(8, 156, 8);
}

.youtube i {
  color: red;
}



.blog-content h3 {
  /* color: rgb(244, 53, 53) !important; */
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 28.8px;
  color: rgb(51, 51, 51) !important;
}









/* 


.set_height {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-card {
  border: 2px solid #e1b74a;
  border-radius: 20px;
  padding: 40px 30px;
  background: #fff;
  max-width: 1100px;
  margin: 40px auto;
}

.about-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 35px;
}

.rki-about__img {
  width: 280px;
  height: 350px;
  object-fit: cover;
  border-radius: 20px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.about-text {
  flex: 1 1 500px;
  min-width: 250px;
}

.about-name {
  color: #ea4343;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 0;
  font-size: 2rem;
}

.about-title {
  color: #888;
  font-size: 1.1rem;
  font-weight: 500;
  margin: 5px 0;
  letter-spacing: .5px;
}

.about-underline {
  border: none;
  height: 2px;
  width: 70px;
  background: #ea4343;
  margin-left: 0;
  margin-top: 2px;
  margin-bottom: 18px;
}

.about-desc {
  color: #333;
  font-size: 14px;
  line-height: 1.85;
}

@media (max-width: 800px) {
  .about-flex {
    flex-direction: column;
    align-items: center;
  }

  .rki-about__img {
    width: 80vw;
    height: auto;
    margin-bottom: 25px;
  }

  .about-text {
    flex: initial;
    min-width: 0;
  }

  .about-card {
    padding: 20px 8px;
  }
} */

/* 
.set_height {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-card {
  border: 2.5px solid #e1b74a;
  border-radius: 28px;
  padding: 54px 44px;
  background: #fff;
  max-width: 1250px;
  margin: 50px auto;
}

.about-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 48px;
}

.rki-about__img {
  width: 340px;
  height: 480px;
  object-fit: cover;
  border-radius: 28px;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.10);
}

.about-text {
  flex: 1 1 650px;
  min-width: 300px;
}

.about-name {
  color: #ea4343;
  font-weight: 700;
  letter-spacing: 1.3px;
  margin-bottom: 0;
  font-size: 2.4rem;
}

.about-title {
  color: #888;
  font-size: 1.34rem;
  font-weight: 500;
  margin: -13px 0 2px 0;
  letter-spacing: .6px;
}

.about-underline {
  border: none;
  height: 2.5px;
  width: 90px;
  background: #ea4343;
  margin-left: 0;
  margin-top: 3px;
  margin-bottom: 22px;
}

.about-desc {
  color: #333;
  font-size: 17.87px;
  line-height: 2.05;
}

@media (max-width: 800px) {
  .about-flex {
    flex-direction: column;
    align-items: center;
  }

  .rki-about__img {
    width: 92vw;
    max-width: 370px;
    height: auto;
    margin-bottom: 27px;
  }

  .about-text {
    flex: initial;
    min-width: 0;
  }

  .about-card {
    padding: 27px 5vw;
  }
}



/* chatboat css  */
/* Floating Chat Icon */
.chatbot-icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #0078ff;
  color: #fff;
  font-size: 24px;
  padding: 15px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s;
  z-index: 1000;
}

.chatbot-icon:hover {
  transform: scale(1.1);
}

/* Chat Window */
.chatbot-window {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 340px;
  height: 60vh;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  display: none;
  flex-direction: column;
  overflow: hidden;
  animation: slideUp 0.4s ease;
  z-index: 999;
}

@keyframes slideUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Header */
.chatbot-header {
  background: #0078ff;
  color: white;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chatbot-header h3 {
  margin: 0;
  font-size: 16px;
}

.chatbot-header span {
  cursor: pointer;
  font-weight: bold;
}

/* Body */
.chatbot-body {
  flex: 1;
  padding: 15px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background: #f9f9f9;
}

.bot-message {
  background: #e9efff;
  color: #000;
  padding: 10px 14px;
  border-radius: 10px 10px 10px 0;
  margin-bottom: 10px;
  max-width: 80%;
  animation: fadeIn 0.4s ease;
}

.user-message {
  background: #0078ff;
  color: white;
  padding: 10px 14px;
  border-radius: 10px 10px 0 10px;
  margin-bottom: 10px;
  align-self: flex-end;
  max-width: 80%;
  animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Typing animation */
.typing {
  display: inline-block;
  font-style: italic;
  color: gray;
  margin-bottom: 10px;
}

/* Buttons */
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.option-btn {
  padding: 8px 12px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  background: #0078ff;
  color: white;
  transition: 0.3s;
  font-size: 14px;
}

.option-btn:hover {
  background: #005dc1;
}




/* chatboat css  */
/* Floating Chat Icon */
.chatbot-icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #0078ff;
  color: #fff;
  font-size: 24px;
  padding: 15px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s;
  z-index: 1000;
}

.chatbot-icon:hover {
  transform: scale(1.1);
}

/* Chat Window */
.chatbot-window {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 340px;
  height: 60vh;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  display: none;
  flex-direction: column;
  overflow: hidden;
  animation: slideUp 0.4s ease;
  z-index: 999;
}

@keyframes slideUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Header */
.chatbot-header {
  background: #0078ff;
  color: white;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chatbot-header h3 {
  margin: 0;
  font-size: 16px;
}

.chatbot-header span {
  cursor: pointer;
  font-weight: bold;
}

/* Body */
.chatbot-body {
  flex: 1;
  padding: 15px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background: #f9f9f9;
}

.bot-message {
  background: #e9efff;
  color: #000;
  padding: 10px 14px;
  border-radius: 10px 10px 10px 0;
  margin-bottom: 10px;
  max-width: 80%;
  animation: fadeIn 0.4s ease;
}

.user-message {
  background: #0078ff;
  color: white;
  padding: 10px 14px;
  border-radius: 10px 10px 0 10px;
  margin-bottom: 10px;
  align-self: flex-end;
  max-width: 80%;
  animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Typing animation */
.typing {
  display: inline-block;
  font-style: italic;
  color: gray;
  margin-bottom: 10px;
}

/* Buttons */
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.option-btn {
  padding: 8px 12px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  background: #0078ff;
  color: white;
  transition: 0.3s;
  font-size: 14px;
}

.option-btn:hover {
  background: #005dc1;
}




/* chatboat css  */
/* Floating Chat Icon */
.chatbot-icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #0078ff;
  color: #fff;
  font-size: 24px;
  padding: 15px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s;
  z-index: 1000;
}

.chatbot-icon:hover {
  transform: scale(1.1);
}

/* Chat Window */
.chatbot-window {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 340px;
  height: 60vh;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  display: none;
  flex-direction: column;
  overflow: hidden;
  animation: slideUp 0.4s ease;
  z-index: 999;
}

@keyframes slideUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Header */
.chatbot-header {
  background: #0078ff;
  color: white;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chatbot-header h3 {
  margin: 0;
  font-size: 16px;
}

.chatbot-header span {
  cursor: pointer;
  font-weight: bold;
}

/* Body */
.chatbot-body {
  flex: 1;
  padding: 15px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background: #f9f9f9;
}

.bot-message {
  background: #e9efff;
  color: #000;
  padding: 10px 14px;
  border-radius: 10px 10px 10px 0;
  margin-bottom: 10px;
  max-width: 80%;
  animation: fadeIn 0.4s ease;
}

.user-message {
  background: #0078ff;
  color: white;
  padding: 10px 14px;
  border-radius: 10px 10px 0 10px;
  margin-bottom: 10px;
  align-self: flex-end;
  max-width: 80%;
  animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Typing animation */
.typing {
  display: inline-block;
  font-style: italic;
  color: gray;
  margin-bottom: 10px;
}

/* Buttons */
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.option-btn {
  padding: 8px 12px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  background: #0078ff;
  color: white;
  transition: 0.3s;
  font-size: 14px;
}

.option-btn:hover {
  background: #005dc1;
}




/* chatboat css  */
/* Floating Chat Icon */
.chatbot-icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #0078ff;
  color: #fff;
  font-size: 24px;
  padding: 15px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s;
  z-index: 1000;
}

.chatbot-icon:hover {
  transform: scale(1.1);
}

/* Chat Window */
.chatbot-window {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 340px;
  height: 60vh;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  display: none;
  flex-direction: column;
  overflow: hidden;
  animation: slideUp 0.4s ease;
  z-index: 999;
}

@keyframes slideUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Header */
.chatbot-header {
  background: #0078ff;
  color: white;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chatbot-header h3 {
  margin: 0;
  font-size: 16px;
}

.chatbot-header span {
  cursor: pointer;
  font-weight: bold;
}

/* Body */
.chatbot-body {
  flex: 1;
  padding: 15px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background: #f9f9f9;
}

.bot-message {
  background: #e9efff;
  color: #000;
  padding: 10px 14px;
  border-radius: 10px 10px 10px 0;
  margin-bottom: 10px;
  max-width: 80%;
  animation: fadeIn 0.4s ease;
}

.user-message {
  background: #0078ff;
  color: white;
  padding: 10px 14px;
  border-radius: 10px 10px 0 10px;
  margin-bottom: 10px;
  align-self: flex-end;
  max-width: 80%;
  animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Typing animation */
.typing {
  display: inline-block;
  font-style: italic;
  color: gray;
  margin-bottom: 10px;
}

/* Buttons */
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.option-btn {
  padding: 8px 12px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  background: #0078ff;
  color: white;
  transition: 0.3s;
  font-size: 14px;
}

.option-btn:hover {
  background: #005dc1;
}



*/ .set_height {
  height: auto;
  /* allow flexible height */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 0;
}

.about-card {
  border: 2.5px solid #e1b74a;
  border-radius: 28px;
  padding: 54px 44px;
  background: #fff;
  max-width: 1250px;
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}

.about-flex {
  display: flex;
  /* flex-wrap: wrap; */
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}

.about-image {
  flex: 0 0 auto;
}

.rki-about__img {
  width: 340px;
  height: 480px;
  object-fit: cover;
  border-radius: 28px;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.10);
}

.about-text {
  flex: 1 1 600px;
  min-width: 300px;
}

.about-name {
  color: #ea4343;
  font-weight: 700;
  letter-spacing: 1.3px;
  margin-bottom: 0;
  font-size: 2.4rem;
}

.about-title {
  color: #888;
  font-size: 1.34rem;
  font-weight: 500;
  margin: -13px 0 2px 0;
  letter-spacing: .6px;
}

.about-underline {
  border: none;
  height: 2.5px;
  width: 90px;
  background: #ea4343;
  margin-left: 0;
  margin-top: 3px;
  margin-bottom: 22px;
}

.about-desc {
  color: #333;
  font-size: clamp(1rem, 1.6vw, 1.8rem);
  /* responsive text */
  line-height: 1.9;
  text-align: start;
}

/*  Tablet View */
@media (max-width: 1024px) {
  .about-card {
    padding: 40px 5vw;
  }

  .rki-about__img {
    width: 300px;
    height: auto;
  }

  .about-name {
    font-size: 2rem;
  }

  .about-title {
    font-size: 1.2rem;
  }
}

/* 📱 Mobile View */
@media (max-width: 768px) {
  .about-flex {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 35px;
  }

  .rki-about__img {
    width: 90%;
    max-width: 370px;
    height: auto;
  }

  .about-text {
    text-align: center;
    flex: 1 1 100%;
  }

  .about-underline {
    margin: 10px auto 20px;
  }

  .about-name {
    font-size: 1.8rem;
  }

  .about-title {
    font-size: 1.1rem;
  }

  .about-desc {
    text-align: center;
    line-height: 1.8;
  }
}

/* Small Mobile View */
@media (max-width: 480px) {
  .about-card {
    padding: 30px 10px;
  }

  .about-name {
    font-size: 1.6rem;
  }

  .about-title {
    font-size: 1rem;
  }

  .about-desc {
    font-size: 0.95rem;
  }
}













/* hero img */
.about-hero-imgtext {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  height: 50vh;
  min-height: 180px;
  margin: 0 auto;
  overflow: hidden;
}

.about-hero-imgtext picture,
.about-hero-imgtext img {
  width: 100vw;
  height: 50vh;
  display: block;
  object-fit: cover;
}

/* Overlay text position, responsive */
.about-hero-text {
  position: absolute;
  left: 16vw;
  top: 36vh;
  color: #fff;
  font-size: 2.5vw;
  font-weight: bold;
  letter-spacing: .5px;
  text-shadow: 1px 2px 14px rgba(10, 10, 30, 0.30);
  z-index: 2;
  font-family: 'Inter', Arial, sans-serif;
  white-space: nowrap;
}



@media (max-width: 1024px) {
  .about-hero-text {
    font-size: 3vw;
    top: 32vh;
  }
}

@media (max-width: 768px) {
  .about-hero-text {
    font-size: 5vw;
    top: 37vh;
    left: 10vw;
  }
}

/* FOR MOBILE: switch image, adjust text */
@media (max-width: 425px) {

  .about-hero-imgtext,
  .about-hero-imgtext picture,
  .about-hero-imgtext img {
    height: 50vh;
    min-height: 110px;
  }

  .about-hero-text {
    font-size: 6vw;
    top: 29vh;
    left: 6vw;
    white-space: normal;
  }
}

@media (max-width: 340px) {
  .about-hero-text {
    font-size: 5vw;
    top: 32vh;
    left: 4vw;
  }
}

@media (min-width:1400px) {

  .about-hero-imgtext picture,
  .about-hero-imgtext {
    width: 100vw;
    height: 70vh;

  }

  .about-hero-imgtext picture,
  .about-hero-imgtext img {
    width: 100vw;
    height: 70vh;
    display: block;
    object-fit: cover;
  }
}


@media (max-width:426px) {

  .about-hero-imgtext picture,
  .about-hero-imgtext img {
    width: 100vw;
    height: 53vh;
    display: block;
    object-fit: cover;
  }
}

/* hero img */







.set_height {
  height: auto;
  /* allow flexible height */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 0;
}

.about-card {
  border: 2.5px solid #e1b74a;
  border-radius: 28px;
  padding: 54px 44px;
  background: #fff;
  max-width: 1250px;
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}

.about-flex {
  display: flex;
  /* flex-wrap: wrap; */
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}

.about-image {
  flex: 0 0 auto;
}

.rki-about__img {
  width: 340px;
  height: 480px;
  object-fit: cover;
  border-radius: 28px;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.10);
}

.about-text {
  flex: 1 1 600px;
  min-width: 300px;
}

.about-name {
  color: #ea4343;
  font-weight: 700;
  letter-spacing: 1.3px;
  margin-bottom: 0;
  font-size: 2.4rem;
}

.about-title {
  color: #888;
  font-size: 1.34rem;
  font-weight: 500;
  margin: -13px 0 2px 0;
  letter-spacing: .6px;
}

.about-underline {
  border: none;
  height: 2.5px;
  width: 90px;
  background: #ea4343;
  margin-left: 0;
  margin-top: 3px;
  margin-bottom: 22px;
}

.about-desc {
  color: #333;
  font-size: clamp(1rem, 1.6vw, 1.8rem);
  /* responsive text */
  line-height: 1.9;
  text-align: start;
}

/*  Tablet View */
@media (max-width: 1024px) {
  .about-card {
    padding: 40px 5vw;
  }

  .rki-about__img {
    width: 300px;
    height: auto;
  }

  .about-name {
    font-size: 2rem;
  }

  .about-title {
    font-size: 1.2rem;
  }
}

/* 📱 Mobile View */
@media (max-width: 768px) {
  .about-flex {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 35px;
  }

  .rki-about__img {
    width: 90%;
    max-width: 370px;
    height: auto;
  }

  .about-text {
    text-align: center;
    flex: 1 1 100%;
  }

  .about-underline {
    margin: 10px auto 20px;
  }

  .about-name {
    font-size: 1.8rem;
  }

  .about-title {
    font-size: 1.1rem;
  }

  .about-desc {
    text-align: center;
    line-height: 1.8;
  }
}

/* Small Mobile View */
@media (max-width: 480px) {
  .about-card {
    padding: 30px 10px;
  }

  .about-name {
    font-size: 1.6rem;
  }

  .about-title {
    font-size: 1rem;
  }

  .about-desc {
    font-size: 0.95rem;
  }
}













/* hero img */
.about-hero-imgtext {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  height: 50vh;
  min-height: 180px;
  margin: 0 auto;
  overflow: hidden;
}

.about-hero-imgtext picture,
.about-hero-imgtext img {
  width: 100vw;
  height: 50vh;
  display: block;
  object-fit: cover;
}

/* Overlay text position, responsive */
.about-hero-text {
  position: absolute;
  left: 16vw;
  top: 36vh;
  color: #fff;
  font-size: 2.5vw;
  font-weight: bold;
  letter-spacing: .5px;
  text-shadow: 1px 2px 14px rgba(10, 10, 30, 0.30);
  z-index: 2;
  font-family: 'Inter', Arial, sans-serif;
  white-space: nowrap;
}



@media (max-width: 1024px) {
  .about-hero-text {
    font-size: 3vw;
    top: 32vh;
  }
}

@media (max-width: 768px) {
  .about-hero-text {
    font-size: 5vw;
    top: 37vh;
    left: 10vw;
  }
}

/* FOR MOBILE: switch image, adjust text */
@media (max-width: 425px) {

  .about-hero-imgtext,
  .about-hero-imgtext picture,
  .about-hero-imgtext img {
    height: 50vh;
    min-height: 110px;
  }

  .about-hero-text {
    font-size: 6vw;
    top: 29vh;
    left: 6vw;
    white-space: normal;
  }
}

@media (max-width: 340px) {
  .about-hero-text {
    font-size: 5vw;
    top: 32vh;
    left: 4vw;
  }
}

@media (min-width:1400px) {

  .about-hero-imgtext picture,
  .about-hero-imgtext {
    width: 100vw;
    height: 70vh;

  }

  .about-hero-imgtext picture,
  .about-hero-imgtext img {
    width: 100vw;
    height: 70vh;
    display: block;
    object-fit: cover;
  }
}


@media (max-width:426px) {

  .about-hero-imgtext picture,
  .about-hero-imgtext img {
    width: 100vw;
    height: 53vh;
    display: block;
    object-fit: cover;
  }
}

/* hero img */







.set_height {
  height: auto;
  /* allow flexible height */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 0;
}

.about-card {
  border: 2.5px solid #e1b74a;
  border-radius: 28px;
  padding: 54px 44px;
  background: #fff;
  max-width: 1250px;
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}

.about-flex {
  display: flex;
  /* flex-wrap: wrap; */
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}

.about-image {
  flex: 0 0 auto;
}

.rki-about__img {
  width: 340px;
  height: 480px;
  object-fit: cover;
  border-radius: 28px;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.10);
}

.about-text {
  flex: 1 1 600px;
  min-width: 300px;
}

.about-name {
  color: #ea4343;
  font-weight: 700;
  letter-spacing: 1.3px;
  margin-bottom: 0;
  font-size: 2.4rem;
}

.about-title {
  color: #888;
  font-size: 1.34rem;
  font-weight: 500;
  margin: -13px 0 2px 0;
  letter-spacing: .6px;
}

.about-underline {
  border: none;
  height: 2.5px;
  width: 90px;
  background: #ea4343;
  margin-left: 0;
  margin-top: 3px;
  margin-bottom: 22px;
}

.about-desc {
  color: #333;
  font-size: clamp(1rem, 1.6vw, 1.8rem);
  /* responsive text */
  line-height: 1.9;
  text-align: start;
}

/*  Tablet View */
@media (max-width: 1024px) {
  .about-card {
    padding: 40px 5vw;
  }

  .rki-about__img {
    width: 300px;
    height: auto;
  }

  .about-name {
    font-size: 2rem;
  }

  .about-title {
    font-size: 1.2rem;
  }
}

/* 📱 Mobile View */
@media (max-width: 768px) {
  .about-flex {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 35px;
  }

  .rki-about__img {
    width: 90%;
    max-width: 370px;
    height: auto;
  }

  .about-text {
    text-align: center;
    flex: 1 1 100%;
  }

  .about-underline {
    margin: 10px auto 20px;
  }

  .about-name {
    font-size: 1.8rem;
  }

  .about-title {
    font-size: 1.1rem;
  }

  .about-desc {
    text-align: center;
    line-height: 1.8;
  }
}

/* Small Mobile View */
@media (max-width: 480px) {
  .about-card {
    padding: 30px 10px;
  }

  .about-name {
    font-size: 1.6rem;
  }

  .about-title {
    font-size: 1rem;
  }

  .about-desc {
    font-size: 0.95rem;
  }
}













/* hero img */
.about-hero-imgtext {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  height: 50vh;
  min-height: 180px;
  margin: 0 auto;
  overflow: hidden;
}

.about-hero-imgtext picture,
.about-hero-imgtext img {
  width: 100vw;
  height: 50vh;
  display: block;
  object-fit: cover;
}

/* Overlay text position, responsive */
.about-hero-text {
  position: absolute;
  left: 16vw;
  top: 36vh;
  color: #fff;
  font-size: 2.5vw;
  font-weight: bold;
  letter-spacing: .5px;
  text-shadow: 1px 2px 14px rgba(10, 10, 30, 0.30);
  z-index: 2;
  font-family: 'Inter', Arial, sans-serif;
  white-space: nowrap;
}



@media (max-width: 1024px) {
  .about-hero-text {
    font-size: 3vw;
    top: 32vh;
  }
}

@media (max-width: 768px) {
  .about-hero-text {
    font-size: 5vw;
    top: 37vh;
    left: 10vw;
  }
}

/* FOR MOBILE: switch image, adjust text */
@media (max-width: 425px) {

  .about-hero-imgtext,
  .about-hero-imgtext picture,
  .about-hero-imgtext img {
    height: 50vh;
    min-height: 110px;
  }

  .about-hero-text {
    font-size: 6vw;
    top: 29vh;
    left: 6vw;
    white-space: normal;
  }
}

@media (max-width: 340px) {
  .about-hero-text {
    font-size: 5vw;
    top: 32vh;
    left: 4vw;
  }
}

@media (min-width:1400px) {

  .about-hero-imgtext picture,
  .about-hero-imgtext {
    width: 100vw;
    height: 70vh;

  }

  .about-hero-imgtext picture,
  .about-hero-imgtext img {
    width: 100vw;
    height: 70vh;
    display: block;
    object-fit: cover;
  }
}


@media (max-width:426px) {

  .about-hero-imgtext picture,
  .about-hero-imgtext img {
    width: 100vw;
    height: 53vh;
    display: block;
    object-fit: cover;
  }
}



@media (max-width: 1024px) {
  .about-hero-text {
    font-size: 3vw;
    top: 28vh;
  }
}

@media (max-width: 426px) {
  .about-hero-text {
    font-size: 5vw !important;
    /* top: 28vh; */
  }
}


/* hero img */


@media (max-width: 1024px) {
  .about-hero-text {
    font-size: 3vw;
    top: 28vh;
  }
}

@media (max-width: 426px) {
  .about-hero-text {
    font-size: 5vw !important;
    /* top: 28vh; */
  }
}

@media (max-width:426px) {

  .service_card_overlay p {
    display: none;
  }
}


@media only screen and (min-width: 1200px) {
  .last_section_padding {
    padding-top: 143px !important;
    padding-bottom: 8.9rem !important;
  }
}

/* @media (min-width:1024px){
  .main-video-section {
      position: relative;
      height: 101vh;
      overflow: hidden;
  }

} */


.custom-style {
  transform: scale(1.5);
}


@media (max-width: 768px) {
  .maam_css {
    flex-direction: column-reverse !important;
  }
}



.popular__featured--link {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

.popular__featured--link img {
  width: 100%;
  height: auto;
  /* keeps image responsive */
  display: block;
  object-fit: cover;
  /* maintains aspect ratio */
}

/* overlay that matches image height */
.popular__featured--link::before {
  content: "";
  position: absolute;
  inset: 0;
  /* shorthand for top:0; right:0; bottom:0; left:0; */
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.62));
  transition: 0.3s;
  z-index: 9;
  pointer-events: none;
  /* ensures overlay doesn’t block clicks */
}



.popular__featured--link img {
  width: 100%;
  height: 55vh;
  display: block;
  object-fit: cover;
}



/* img, svg {
    vertical-align: middle;
    margin-bottom: 30px !important;
} */


.about-desc {
  text-align: justify;
}





.custom-padding-cities {
  padding: 19px;
}


.custom-center_icons{
  margin-bottom: 24px !important;
}


.listing__header {
  padding: 0.92rem 2rem;
  border: 1px solid var(--color-border);
  margin-bottom: 2.9rem;
  border-radius: 0.5rem;
}


.text-aligin-normal_1 {
  text-align: left !important;
}










/* Container uses flex to align cards evenly */
.featured__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

/* Bootstrap columns need full height for equal sizing */
.featured__wrapper>[class*="col-"] {
  display: flex;
}

/* Card styling */
.featured__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

/* Thumbnail adjusts automatically */
.featured__thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;  
  height: 225px;
}

/* Image equal height */
.featured__thumbnail img {
  width: 100vw !important;
  /* height: 250px !important; */
  /* Desktop height */
  object-fit: cover !important;
  /* Prevent stretch */
  object-position: center !important;
  display: block;
  border-radius: 16px 16px 0 0;
}

/* Card content fills the rest */
.featured__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
}

/* Button at the bottom */
.featured__card .view-btn {
  align-self: flex-start;
  margin-top: auto;
}

/* Tablet */
@media (max-width: 992px) {
  .featured__thumbnail img {
    height: 220px !important;
  }
}

/* Mobile */
@media (max-width: 576px) {
  .featured__wrapper {
    gap: 20px;
  }

  .featured__thumbnail img {
    height: 200px !important;
  }
}

#cityImage {
  width: 100vw;
  height: 320px;
}

.custom_heightCities{
  height: 267px;
}


.featured__thumbnail img {
    width: 100vw !important;
    /* height: 250px !important; */
    object-fit: cover !important;
    object-position: center !important;
    display: block;
    border-radius: 16px 16px 0 0;
}

.resize_img {
    width: 39rem !important;
    /* height: 256px !important; */
}



.map_custom{
  width: 34vw;
}


.login-right {
    /* flex: 1; */
    height: 62vh;
}


.adjust_section{
  width: 100%;
  height: 100%;
}



.contact__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 100px;
  flex-wrap: wrap;
  padding: 40px 0;
}

/* 🖼️ Image Styling */
.login-right {
  flex: 1;
  display: flex;
  justify-content: center;
}

.login-right img {
  width: 100%;
  max-width: 650px; /* 🔹 Increased image size */
  height: auto;
  border-radius: 12px;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.login-right img:hover {
  transform: scale(1.03); /* subtle zoom on hover */
}

/* 🗺️ Map Styling */
.contact__us--map {
  flex: 1;
  width: 100%;
}

.contact__us--map iframe {
  width: 100%;
  height: 450px;
  border-radius: 12px;
  border: none;
}

/* 📱 Responsive for Mobile */
@media (max-width: 992px) {
  .contact__wrapper {
    flex-direction: column;
    align-items: center;
  }

  .login-right img {
    max-width: 90%;
  }

  .contact__us--map iframe {
    height: 350px;
  }
}




/* 🧭 Layout container */
.login-section {
  padding: 60px 0;
  background-color: #fafafa;
}

.login-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
}

/* 📝 Left Side (Inquiry Form) */
.login-left {
  flex: 1;
  min-width: 320px;
  display: flex;
  justify-content: center;
}

.login-box {
  background: #fff;
  padding: 40px;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  width: 100%;
  max-width: 500px;
}

.login-box h2.logo {
  text-align: center;
  margin-bottom: 25px;
  font-size: 28px;
  color: #333;
  font-weight: 600;
}

.input-box {
  position: relative;
  margin-bottom: 20px;
}

.input-box input {
  width: 100%;
  padding: 14px 18px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  outline: none;
  transition: all 0.3s ease;
}

.input-box input:focus {
  border-color: #0077ff;
  box-shadow: 0 0 5px rgba(0, 119, 255, 0.2);
}

.btn {
  width: 100%;
  padding: 14px;
  background-color: #0077ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.btn:hover {
  background-color: #005fcc;
}

.success-msg {
  display: none;
  color: green;
  text-align: center;
  margin-top: 10px;
}

/* 📞 Right Side (Contact Info) */
.contact__us--info {
  flex: 1;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.contact__us--info__list {
  display: flex;
  align-items: center;
  gap: 15px;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

.contact__us--info__icon {
  color: #0077ff;
  font-size: 24px;
}

.contact__us--info__title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #222;
}

.contact__us--info__text a,
.contact__us--info__text {
  color: #555;
  font-size: 15px;
  text-decoration: none;
}

.contact__us--info__text a:hover {
  color: #0077ff;
}

/* 📱 Responsive Layout */
@media (max-width: 992px) {
  .login-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .contact__us--info__list {
    justify-content: center;
    text-align: left;
    width: 100%;
    max-width: 500px;
  }
}


/* 🌐 Main Section */
.login-section {
  min-height: 100vh; /* full screen height */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fafafa;
  padding: 60px 20px;
}

/* 🧭 Container */
.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  max-width: 1200px;
  width: 100%;
}

/* 📝 Left: Inquiry Form */
.login-left {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-box {
  background: #fff;
  padding: 40px;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  width: 100%;
  max-width: 450px;
}

.login-box h2.logo {
  text-align: center;
  margin-bottom: 25px;
  font-size: 28px;
  color: #333;
  font-weight: 600;
}

.input-box {
  margin-bottom: 20px;
}

.input-box input {
  width: 100%;
  padding: 14px 18px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  outline: none;
  transition: all 0.3s ease;
}

.input-box input:focus {
  border-color: #0077ff;
  box-shadow: 0 0 5px rgba(0, 119, 255, 0.2);
}

.btn {
  width: 100%;
  padding: 14px;
  background-color: #0077ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.btn:hover {
  background-color: #005fcc;
}

.success-msg {
  display: none;
  color: green;
  text-align: center;
  margin-top: 10px;
}

/* ☎️ Right: Contact Info */
.contact__us--info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
}

.contact__us--info__list {
  display: flex;
  align-items: center;
  gap: 15px;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  width: 100%;
  max-width: 450px;
}

.contact__us--info__icon {
  color: #0077ff;
  font-size: 24px;
}

.contact__us--info__title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #222;
}

.contact__us--info__text a,
.contact__us--info__text {
  color: #555;
  font-size: 15px;
  text-decoration: none;
}

.contact__us--info__text a:hover {
  color: #0077ff;
}

/* 📱 Responsive Layout */
@media (max-width: 992px) {
  .login-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .contact__us--info__list {
    justify-content: start;
    text-align: left;
  }
}


@media (max-width: 426px) {
  .res_425{
    padding: 0 1rem;
    
  }
  
}


@media (max-width: 992px) {
  .res_425{
    padding: 0 1rem;
    
  }
  .login-section{
    height: auto;
  }
}



/* 🌐 Base Layout */
.login-section {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fafafa;
  padding: 60px 20px;
}

.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  max-width: 1200px;
  width: 100%;
}

/* 📝 Inquiry Box */
.login-left {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-box {
  background: #fff;
  padding: 40px;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  width: 100%;
  max-width: 450px;
}

.login-box h2.logo {
  text-align: center;
  margin-bottom: 25px;
  font-size: 28px;
  color: #333;
  font-weight: 600;
}

.input-box {
  margin-bottom: 20px;
}

.input-box input {
  width: 100%;
  padding: 14px 18px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  outline: none;
  transition: all 0.3s ease;
}

.input-box input:focus {
  border-color: #0077ff;
  box-shadow: 0 0 5px rgba(0, 119, 255, 0.2);
}

.btn {
  width: 100%;
  padding: 14px;
  background-color: #0077ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.btn:hover {
  background-color: #005fcc;
}

.success-msg {
  display: none;
  color: green;
  text-align: center;
  margin-top: 10px;
}

/* 🗺️ Map Section */
.contact__us--map {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact__us--map iframe {
  width: 100%;
  height: 450px;
  border-radius: 12px;
  border: none;
}

/* 📱 Responsive Styles */
@media (max-width: 992px) {
  .login-container {
    flex-direction: column;
    align-items: center;
  }
}

/* 📱 For 425px and below */
@media (max-width: 425px) {
  .login-box {
    padding: 20px; /* reduce padding so content starts near left edge */
  }

  .input-box input {
    padding: 12px 10px; /* tighter spacing */
    font-size: 14px;
  }

  .login-box h2.logo {
    font-size: 24px;
  }

  /* Map center aligned and full width */
  .contact__us--map {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .contact__us--map iframe {
    width: 100%;
    height: 300px;
    border-radius: 10px;
  }
}



/* 🧾 Contact Info Container */
.contact__us--info {
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: flex-start; /* left align everything */
  justify-content: center;
  width: 100%;
  max-width: 600px;
  margin: 0 auto; /* center the group itself */
}

/* 📦 Each Contact Item Box */
.contact__us--info__list {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  background: #fff;
  padding: 20px 25px;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  width: 100%;
  transition: transform 0.3s ease;
}

.contact__us--info__list:hover {
  transform: translateY(-4px);
}

/* 🧭 Icon */
.contact__us--info__icon {
  color: #0077ff;
  font-size: 26px;
  flex-shrink: 0; /* keeps icon fixed */
}

/* 📋 Title & Text */
.contact__us--info__details {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* left align text */
}

.contact__us--info__title {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  margin-bottom: 5px;
}

.contact__us--info__text {
  font-size: 15px;
  color: #555;
  line-height: 1.5;
  word-break: break-word;
}

.contact__us--info__text a {
  color: #000000;
  text-decoration: none;
}

.contact__us--info__text a:hover {
  text-decoration: underline;
}

/* 📱 Responsive (Mobile) */
@media (max-width: 480px) {
  .contact__us--info__list {
    padding: 16px 18px;
  }

  .contact__us--info__title {
    font-size: 16px;
  }

  .contact__us--info__text {
    font-size: 14px;
  }
}




/* === Base Section === */
.main-video-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* === Video Wrapper === */
.video-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

/* === Video Element === */
.video-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* ensures video fills container */
  object-position: center; /* centers video crop */
  display: block;
}

/* === Height Control === */

/* On desktops and up → full screen height */
@media (min-width: 1025px) {
  .main-video-section {
    height: 100vh;
  }
}

/* On tablets → slightly shorter but still wide */
@media (min-width: 768px) and (max-width: 1024px) {
  .main-video-section {
    height: 70vh;
  }
}

/* On small mobiles → auto height (maintains aspect ratio) */
@media (max-width: 767px) {
  .main-video-section {
    height: auto;
  }

  .video-wrap video {
    height: auto;
  }
}


@media (max-width: 426px) {
  .main-video-section {
    padding-top: 25px;
    height: 40vh;
  }

  .video-wrap video {
    height: auto;
  }
}


@media (max-width: 426px) {
    .video-wrap video {
        height: auto;
        padding-top: 36px;
    }
}

@media (max-width: 375px) {
    .video-wrap video {
        height: auto;
        padding-top: 56px;
    }
}


@media (min-width:1300px){
  .service_card{
  height: 308px;
  }


  .service_card_text h2 {
    margin-bottom: -11px;
    font-size: 22px;
    color: #333;
}
.service_card_text p {
    color: #555;
    line-height: 1.5;
    font-size: 15px;
}

.service_card_text p {
  margin-bottom: 10px;
}

    .service_card_text h2 {
        margin-bottom: -2px;
        font-size: 22px;
        color: #333;
    }


        .service_margin_top {
        margin-bottom: -2px;
        font-size: 22px;
        color: #333;
        margin-top: 39px;
    }

}


@media only screen and (min-width: 576px) {
    .properties__amenities--list {
        margin-bottom: 0rem;
    }
}



/* footer code  */

.footer {
  background-color: #206046;
  color: #206046 !important;
  padding: 60px 40px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-container {
  display: flex;
  justify-content: center; /* centers horizontally */
  align-items: center;     /* centers vertically */
  gap: 100px;              /* space between left, center, right sections */
  flex-wrap: wrap;
  text-align: center;
}

/* ===== LEFT SECTION ===== */
.footer-left {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-title {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 1px;
  color: white;
}

/* ===== CENTER SECTION ===== */
.footer-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
}

.footer-center p {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  color: white;
}

.footer-center i {
  font-size: 18px;
  color: white;
}

/* ===== RIGHT SECTION ===== */
.footer-right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-right h2 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  color: white;
}

/* ===== FLOATING CALL BUTTON ===== */
.floating-call-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #0094ff;
  color: #fff;
  padding: 12px 18px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transition: background-color 0.3s ease;
}

.floating-call-btn:hover {
  background-color: #0077cc;
}

.floating-call-btn i {
  font-size: 16px;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 992px) {
  .footer-container {
    flex-direction: column;
    gap: 25px;
  }

  .footer-center {
    align-items: center;
  }

  .footer-right h2 {
    white-space: normal;
  }
}


  /* .logo__size{
    height: 20%;
    width:  200px !important  ;
  } */

/* 
  .logo__size{
    z-index: 99999 !important;
  } */



/* MAIN FOOTER STYLING */
.footer-wrapper {
  background-color: #155b40;
  color: #fff;
  padding: 50px 5% 20px;
  font-family: "Poppins", sans-serif;
}

/* FLEX CONTAINER */
.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; /* Align all columns from the top */
  flex-wrap: wrap;
  gap: 40px;
}

/* EACH COLUMN */
.footer-column {
  flex: 1;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Make all content align left inside column */
}

/* LOGO */
.footer-logo-box h2 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}

/* SECTION HEADINGS */
.footer-heading {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #f0f0f0;
  text-transform: uppercase;
  text-align: left;
}

/* FOOTER ITEMS */
.footer-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0;
  width: 100%;
}

.footer-item i {
  font-size: 16px;
  color: #fff;
  width: 18px; /* ensures icons align in a straight column */
  text-align: center;
}

.footer-item a,
.footer-item p {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

/* CONTACT MESSAGE */
.footer-contact-box {
  text-align: left; /* make consistent with other columns */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.footer-contact-box h3 {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  margin-top: 25px;
  text-align: left;
}

/* DISCLAIMER */
.footer-disclaimer {
  margin-top: 40px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  opacity: 0.9;
  line-height: 1.8;
}

.footer-disclaimer p {
  color: #e0e0e0;
  text-align: justify;
  font-size: 14px !important;
}

.footer-disclaimer strong {
  color: #fff;
  font-weight: 600;
}

.footer-disclaimer-title {
  font-weight: 600;
  color: #fff;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .footer-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-column {
    align-items: center;
    text-align: center;
  }

  .footer-item {
    justify-content: center;
  }

  .footer-contact-box h3 {
    text-align: center;
    font-size: 16px;
  }
}