@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Manrope:wght@200..800&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap");

@font-face {
  font-family: "NONNatural";

  src: url("../font/NON-Natural-Grotesk-Medium.ttf");
}

* {
  margin: 0;

  padding: 0;

  box-sizing: border-box;
}

div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
a,
span {
  margin: 0;

  padding: 0;
}

li,
li:hover,
a,
a:hover {
  text-decoration: none;

  list-style: none;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 85%;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 85%;
  }
}

@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 85%;
  }
}

@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 85%;
  }
}

@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 85%;
  }
}

body {
  font-family: "Manrope", sans-serif;
}

h1,
h2,
h3,
h4 {
  font-family: "Lora", serif;
}

:root {
  --primary-color: #110d33;

  --secondary-color: #d4af37;

  --text-black: #181818;

  --white: #ffffff;
}

.wow {
  animation-duration: 1.5s !important;
}

.search-form_mobile {
  display: none;
}

.header {
  background-color: var(--primary-color);

  padding: 50px 0;

  position: sticky;

  top: 0;

  z-index: 9;

  overflow: hidden;

  transition:
    background-color 0.4s ease-in-out,
    backdrop-filter 0.4s ease-in-out;
}

.header.sticky_2 {
  /* background-color: #272440a6;

    backdrop-filter: blur(10px); */

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  background-color: rgb(39 36 64 / 57%); /* Adjust transparency */

  z-index: 1000;
}

span.mob_hero_text {
  padding: 0px 2rem;
}

.header.sticky_2::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: inherit;

  /*filter: blur(10px);  Adjust blur strength */

  backdrop-filter: blur(7px);

  z-index: -1; /* Keep it behind the content */
}

.left-logo {
  height: 100%;

  display: flex;

  justify-content: left;

  align-items: center;
}

.left-logo a img {
  width: 450px;
}

.right-button {
  height: 100%;

  display: flex;

  align-items: center;

  justify-content: right;
}

.nav-image {
  background-color: transparent;

  border-radius: 0;

  border: none;

  outline: none;

  width: 80px;
}

.nav-image:focus,
.nav-image:active {
  box-shadow: none;

  border: none;

  outline: none;
}

.nav-image img {
  width: 100%;
}

.offcanvas {
  background-color: var(--primary-color);
}

.offcanvas-end {
  border-left: 0;

  width: 700px;
}

.btn-close {
  background: transparent url("../images/close-md-svgrepo-com.svg") center / 1em
    auto no-repeat;

  width: 65px;

  height: 30px;

  opacity: 1;

  background-size: cover;
}

.btn-close:hover {
  opacity: 1;
}

.nav-list li {
  font-size: 2.7rem;

  text-transform: uppercase;

  line-height: 2.2;

  padding: 1.2rem 2rem;
}

.nav-list li a {
  color: var(--white);

  transition: 0.4s ease-in-out;
}

.nav-list li:hover a {
  color: var(--secondary-color);
}

.offcanvas-header {
  padding: 2rem 2rem;
}

.offcanvas-header img {
  width: 70%;
}

.offcanvas-backdrop.show {
  opacity: 0.6;
}

/* footer section */

.get-touch {
  padding: 200px 0 0;

  background-color: var(--primary-color);

  width: 75%;

  position: relative;
}

.get-touch-left {
  position: relative;
}

.get-touch-left h1 {
  font-size: 8rem;

  margin-bottom: 50px;

  color: var(--secondary-color);

  padding-top: 3.5rem;
}

.get-touch-left p {
  font-size: 3.3rem;

  margin-bottom: 80px;

  color: var(--white);
}

.address li {
  display: flex;

  align-items: center;

  color: var(--white);

  font-size: 3.5rem;

  gap: 5rem;

  padding-bottom: 5rem;
}

.address li img {
  width: 80px;
}

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

.social {
  display: flex;

  align-items: center;

  gap: 5rem;

  margin-top: 120px;
}

.social_side_bar {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 3rem;

  margin-top: 120px;
}

.social a img {
  width: 90px;
}

.social_side_bar a img {
  width: 40px;
}

.contact-form {
  background-color: var(--white);

  width: 40%;

  position: absolute;

  right: 0;

  padding: 0px 2.5rem 4rem;

  border-radius: 10px;

  transform: translate(58%, 0%);

  border-right: 1px solid var(--secondary-color);

  z-index: 2;
}

.contact-form h1 {
  font-size: 8rem;

  color: var(--secondary-color);

  margin-bottom: 20px;

  padding-top: 4rem;
}

.contact-form p {
  font-size: 2.6rem;

  margin-bottom: 40px;

  color: var(--text-black);
}

.name {
  border-bottom: 1px solid var(--text-black);

  margin-bottom: 55px;
}

.name input,
.name textarea {
  width: 100%;

  border: 0;

  line-height: 3;

  font-size: 2.3rem;
}

.name input::placeholder,
.name textarea::placeholder {
  color: var(--text-black);

  font-size: 2.5rem;
}

.name input:focus,
.name textarea:focus {
  box-shadow: none;

  outline: none;
}

.phone-number {
  display: flex;

  align-items: center;

  border: none;

  gap: 1.5rem;
}

.country-code {
  width: 40%;

  border-bottom: 1px solid var(--text-black);
}

.country-code select {
  border: none;

  outline: none;

  font-size: 2.5rem;

  padding: 28px 0;

  width: 100%;

  background: transparent;
}

.type-number {
  width: 60%;

  border-bottom: 1px solid var(--text-black);
}

.country-code select:focus {
  border: none;

  outline: none;

  width: 100%;
}

.message textarea {
  height: 200px;
}

.footer {
  background-color: var(--primary-color);

  padding: 200px 0 70px;
}

.footer-logo {
  display: flex;

  align-items: center;

  gap: 10rem;
}

.footer-logo img {
  width: 450px;
}

.footer-logo p {
  font-size: 3.3rem;

  color: var(--white);
}

.footer-listing {
  padding: 200px 0;

  gap: 5rem;

  display: flex;

  align-items: center;

  justify-content: space-between;
}

.footer-listing h3 {
  font-size: 4.3rem;

  color: var(--secondary-color);
}

.footer-listing p a {
  color: var(--white);

  font-size: 2.8rem;

  line-height: 2.5;
}

.footer-copyright {
  padding-top: 70px;

  border-top: 2px solid var(--secondary-color);
}

.footer-copyright ul {
  display: flex;

  align-items: center;

  justify-content: space-between;
}

.footer-copyright ul li {
  color: var(--white);

  font-size: 2.5rem;
}

.footer-copyright ul li a {
  color: var(--white);
}

.footer-copyright ul li img {
  width: 35px;
}

#progress {
  position: fixed;

  bottom: 20px;

  right: 10px;

  height: 70px;

  width: 70px;

  display: none;

  place-items: center;

  border-radius: 50%;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  cursor: pointer;

  z-index: 9;
}

#progress-value {
  display: block;

  height: calc(100% - 8px);

  width: calc(100% - 8px);

  background-color: #ffffff;

  border-radius: 50%;

  display: grid;

  place-items: center;

  font-size: 35px;

  color: #001a2e;
}

/* footer section end */

.banner {
  position: relative;

  width: 100%;

  height: 100vh;

  color: white;

  overflow: hidden;

  display: flex;

  align-items: flex-end;
}

.video-overlay {
  background: linear-gradient(#110d3305, #110d33c7);

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;
}

.bannerSlide {
  padding-bottom: 120px;
}

.item-left h2 {
  font-size: 8rem;

  color: var(--white);

  margin-bottom: 15px;

  font-family: "Lora", serif;
}

.item-left p {
  font-size: 4rem;

  color: var(--white);

  font-family: "Manrope", sans-serif;
}

.item-right ul li {
  display: flex;

  align-items: flex-start;

  font-size: 3.5rem;

  padding: 20px 0;

  color: var(--white);

  gap: 1.5rem;
}

.item-right ul li img {
  width: 4% !important;

  padding-top: 15px;
}

.item-right ul li span {
  width: 96%;
}

.bannerSlide .owl-nav {
  position: absolute;

  top: 69%;

  display: flex;

  gap: 3rem;

  font-weight: 200;
}

.testSlider .owl-nav {
  font-weight: 200;
}

.bannerSlide .owl-nav .owl-prev,
.bannerSlide .owl-nav .owl-next {
  width: 100px;

  height: 100px;

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

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.4s ease-in-out;
}

.bannerSlide .owl-prev span,
.bannerSlide .owl-next span {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 100%;

  font-size: 7rem;

  color: var(--primary-color);

  margin-top: -13px;
}

.bannerSlide .owl-nav button.owl-next:hover,
.bannerSlide .owl-nav button.owl-prev:hover,
.bannerSlide .owl-nav button.owl-next:active,
.bannerSlide .owl-nav button.owl-prev:active {
  background-color: var(--secondary-color) !important;
}

.brows {
  margin-top: 60px;

  border: 0;

  background-color: var(--secondary-color);

  padding: 15px 0;

  border-radius: 40px 40px 0 40px;

  color: var(--white);

  width: 450px;

  font-size: 40px;

  transition: 0.5s;
}

.brows a {
  color: #fff;
}

button.brows:hover {
  border-radius: 40px;
}

.search-properties {
  padding: 200px 0 0;

  background-color: var(--primary-color);
}

.search-properties-top {
  padding: 200px 0 0;

  background-color: var(--primary-color);
}

.search-properties_2 {
  padding: 200px 0 200px;

  background-color: var(--primary-color);
}

/* Faux outline for older browsers */

.large-text {
  padding-top: 3.5rem;
}

.large-text h1 {
  /*color: white;*/

  font-size: 7rem;

  line-height: 0.8;

  text-transform: uppercase;

  color: var(--secondary-color);

  /* text-shadow:

	   -1px -1px 0 #D4AF37,

		1px -1px 0 #D4AF37,

		-1px 1px 0 #D4AF37,

		 1px 1px 0 #D4AF37 */
}

/*Real outline for modern browsers */

/* @supports((text-stroke: 1px #D4AF37) or (-webkit-text-stroke: 1px #D4AF37)) {

    .large-text h1 {

        color: var(--secondary-color);

        /* -webkit-text-stroke: 1px #d4af37c9; */

/* text-stroke: 1.2px #D4AF37;

        text-shadow: none;

    }

} */

/*marquee h1{*/

/*font-family: "Advent Pro", sans-serif;*/

/*font-family: "Cormorant", serif;*/

/*    font-family: "NONNatural";*/

/*font-weight:100;*/

/*    color:#D4AF37;*/

/*    font-size:16rem;*/

/*	line-height:.8;*/

/*	text-transform:uppercase;*/

/*font-style: italic;*/

/*}*/

.search-form {
  width: 90%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  border: 2px solid #fff;

  border-radius: 25px;

  height: 145px;
}

.search-buy {
  width: 6%;

  margin: 2rem;
}

.search-type {
  width: 20%;

  margin: 2rem;
}

.search-type input {
  width: 100%;

  background-color: transparent;

  border: none;

  box-shadow: none;

  font-size: 3rem;

  color: var(--white);
}

.search-type input::placeholder {
  color: var(--white);
}

.search-bedrooms {
  width: 11%;

  margin: 2rem;
}
.search_price_rabge {
  width: 10.4% !important;

  margin: 2rem;
}

.prop-img-datail {
  padding-left: 2rem;
}

.search-buy,
.search-bedrooms,
.price_1,
.price_2,
.search-property-type {
  position: relative;

  display: inline-block;
}

.drop-icon img {
  width: 30px;
}

.search-buy .drop-icon {
  position: absolute;

  right: 20px;
}

.search-bedrooms .drop-icon {
  position: absolute;

  right: 20px;
}

.search-property-type .drop-icon {
  position: absolute;

  right: 20px;
}

.price_1 .drop-icon {
  position: absolute;

  right: 0;

  top: 6px;
}

.price_2 .drop-icon {
  position: absolute;

  right: 0;

  top: 6px;
}

.search-type input:focus,
.search-type input:active,
.search-buy select:focus,
.search-buy select:active,
.search-property-type select:focus,
.search-property-type select:active,
.price-option select:focus,
.price-option select:active,
.search-bedrooms select:focus,
.search-bedrooms select:active {
  border: none;

  outline: none;

  box-shadow: none;
}

.search-bedrooms {
  width: 11%;

  margin: 2rem;
}

.search-bedrooms select,
.search-property-type select,
.search-buy select,
.price-option select {
  width: 100%;

  background-color: transparent;

  border: none;

  box-shadow: none;

  font-size: 3rem;

  color: var(--white);

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  padding-right: 30px;

  position: relative;

  padding-left: 5px;
}

.search-bedrooms select option,
.search-property-type select option,
.search-buy select option,
.price-option select option {
  color: var(--text-black);
}

.search-price {
  width: 20%;

  position: relative;

  font-size: 3rem;

  color: var(--white);

  margin: 2rem;
}

.price-option {
  font-size: 2.5rem;

  display: none;

  position: absolute;

  background-color: var(--white);

  border-radius: 10px;

  padding: 1rem;

  z-index: 9;

  margin-top: 0.8rem;
}

.price-option select {
  color: var(--text-black) !important;
}

.search-property-type {
  width: 10%;

  margin: 2rem;
}

.search-btn {
  width: 10%;

  height: 100%;
}

.search-btn button {
  width: 100%;

  height: 100%;

  font-size: 2.7rem;

  border-radius: 25px;

  text-align: center;
}

.search-btn button img {
  width: 70px;

  padding-right: 20px;
}

.residents-title h1 {
  font-size: 8rem;

  color: var(--secondary-color);

  text-align: center;
}

.residents-title p {
  font-size: 3.5rem;

  color: var(--white);

  text-align: center;

  padding-bottom: 6rem;
}

.private-resident {
  display: flex;

  flex-direction: column;

  gap: 2.5rem;

  padding: 3rem 1.5rem;
}

.resident-img {
  position: relative;

  width: 100%;
}

.resident-img img {
  width: 100%;

  border-radius: 10px;
}

.resident-overlay {
  width: 100%;
  height: 100%;
  background: linear-gradient(#110d3305, #110d33c7);
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s ease-in-out !important;
}

.private-resident:hover .resident-overlay {
  background: rgba(0, 0, 0, 0);
  transition: 0.5s ease-in-out !important;
}

.resident-bottom ul li {
  display: flex;

  align-items: center;

  gap: 1rem;

  color: var(--white);

  font-size: 2.3rem;
}

.resident-bottom ul li img {
  width: 35px;
}

.spcl-feature {
  color: var(--white);

  font-size: 2.7rem;

  margin: 1rem 0;
}

.property-ptice {
  display: flex;

  padding: 1rem 0;

  border-top: 1px solid var(--white);
}

.price {
  width: 60%;
}

.appartment {
  width: 40%;
}

.price p {
  font-size: 2.3rem;

  color: var(--white);
}

.price h3 {
  color: var(--secondary-color);

  font-size: 3.8rem;

  line-height: 1.6;
}

.price h3 span {
  font-size: 2.3rem;

  font-family: "Manrope", sans-serif;

  display: block;
}

.appartment p {
  font-size: 2rem;

  color: var(--white);

  float: right;
}

.property-browse {
  margin-top: 7rem;
}

.home-about {
  padding: 200px 0;
}

.home-about-left {
  text-align: center;
}

.home-about-left img {
  width: 100%;
}

.home-about-right {
  height: 100%;

  display: flex;

  justify-content: center;

  flex-direction: column;

  gap: 30px;
}

.home-about-right h1 {
  font-size: 8rem;

  color: var(--secondary-color);
}

section.home-about h1 {
  color: var(--secondary-color);
  text-align: left;
}
.mobile_heading {
  text-align: center !important;
}

.home-about-right p {
  font-size: 2.68rem;

  color: var(--text-black);

  line-height: 1.6;

  text-align: justify;
}

.more-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}

.overview {
  padding: 200px 0;

  background-color: var(--secondary-color);
}

.overview-title {
  text-align: center;

  font-size: 8rem;

  color: var(--white);

  margin-bottom: 120px;

  font-weight: normal;
}

.overview-list {
  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  gap: 20px;
}

.project {
  display: flex;

  align-items: center;

  width: 18%;

  justify-content: center;

  gap: 30px;
}

.project .pr-img {
  width: 25%;
}

.pr-img img {
  width: 100%;
}

.project .pr-cont {
  width: 75%;

  color: var(--white);

  font-size: 3rem;

  padding-left: 10px;
}

.pr-cont span {
  font-size: 5.6rem;

  font-family: "Lora", "serif";
}

.explore {
  position: relative;

  width: 100%;

  color: white;

  overflow: hidden;

  display: flex;

  align-items: flex-end;
}

.video-background {
  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50.1%, -50%);

  max-width: auto;

  object-fit: cover;

  width: 100%;

  height: 100%;

  margin: 0;

  z-index: -2;

  object-position: 0% 7%;
}

.explore-overlay {
  position: absolute;

  width: 100%;

  height: 100%;

  background-color: #110d339d;

  left: 0;

  top: 0;
}

.main-content {
  position: relative;

  padding: 200px 0;
}

.explore-title {
  text-align: center;
}

.explore-title h1 {
  font-size: 8rem;

  color: var(--secondary-color);

  margin-bottom: 40px;
}

.explore-title p {
  font-size: 2.8rem;

  color: var(--white);
}

.explore-list {
  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: center;

  gap: 12rem 7rem;

  margin-top: 100px;
}

.project2 {
  width: 30%;

  display: flex;

  align-items: center;

  gap: 3rem;
}

.project2 .pr-img {
  width: 18%;
}

.project2 .pr-cont {
  width: 82%;

  color: var(--secondary-color);

  font-size: 4.8rem;

  font-family: "Lora", serif;
}

.why-dubai {
  padding: 200px 0 280px;
}

.why-invest-right {
  padding-right: 0;

  position: relative;

  text-align: right;
}

.why-invest-right > img {
  width: 54% !important;

  border-radius: 10px;

  display: block;

  margin-left: auto;
}

.up-img {
  position: absolute;

  top: 50%;

  left: 0;

  width: 58%;

  z-index: 2;
}

.up-img img {
  width: 100%;

  border-radius: 10px;
}

.why-invest-left {
  display: flex;

  gap: 10px;

  padding: 15rem 0;
}

.why-invest-left h1 {
  margin-bottom: 30px;

  white-space: nowrap;
}

.why-invest-left p {
  font-size: 2.9rem;
}

.our-team {
  padding: 200px 0 0;

  background-color: var(--primary-color);
}
.our_team .item {
  padding: 50px 0 0 0;
}

.team-title {
  text-align: center;
}

.team-title h1 {
  font-size: 8rem;

  color: var(--secondary-color);
}

.team-list {
  margin-top: 200px;

  display: flex;

  align-items: center;

  gap: 20px;

  flex-wrap: wrap;

  justify-content: center;
}

.member {
  width: 80%;

  height: 480px;

  border: 1px solid var(--secondary-color);

  border-radius: 50% 50% 10px 10px;

  position: relative;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  padding: 0 10px;

  text-align: center;
}

.top-img {
  text-align: center;

  width: 300px;

  height: 300px;

  position: absolute;

  transform: translate(30%, -30%);

  top: 0;

  left: 0;
}

.top-img img {
  border-radius: 50% 50% 50% 0;

  width: 100%;

  height: 100%;

  filter: grayscale(1);

  transition: 0.4s ease-in-out;
}

.member:hover .top-img img {
  filter: grayscale(0);
}

.member h3 {
  font-size: 45px;

  color: var(--secondary-color);

  padding-top: 180px;
}

.member p {
  font-size: 35px;

  color: var(--white);

  padding-top: 25px;
}

.best-developer {
  width: 100%;

  position: relative;

  padding: 200px 0;
}

.yellow-overlay {
  width: 100%;

  height: 100%;

  background-color: #d4af37e3;

  position: absolute;

  left: 0;

  top: 0;
}

.brands-title {
  position: relative;
}

.brands-title h1 {
  font-size: 10rem;

  margin-bottom: 80px;

  color: var(--white);

  text-align: center;
}

.brands-title p {
  text-align: center;

  font-size: 3rem;

  color: var(--white);
}

.brand-items {
  margin-top: 100px;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  gap: 2rem;
}

.item-1 {
  width: 24%;

  height: 225px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #00000026;

  border-radius: 20px;

  z-index: 1;
}

.item-2 {
  width: 100%;

  height: 230px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #00000026;

  border-radius: 20px;

  padding: 0 0.7rem;
}

.item-1 img {
  position: relative;

  width: 75%;
}

.testimonials {
  padding: 200px 0;
}

.testimonials-title h1 {
  font-size: 8rem;

  color: var(--secondary-color);

  text-align: center;

  margin-bottom: 30px;
}

.testimonials-title p {
  font-size: 3rem;

  color: var(--text-black);

  text-align: center;
}

.testSlider {
  margin-top: 80px;

  padding-bottom: 80px;

  position: relative;
}

.testSlider {
  --swiper-navigation-color: var(--secondary-color);

  --swiper-navigation-size: 12px;
}

.testSlider .swiper-button-prev,
.testSlider .swiper-button-next {
  position: absolute;
  bottom: 0;
  top: auto;
  width: 50px;
  height: 50px;
  background-color: #f5edd6;
  border-radius: 50%;
  border: 2px solid #e8d9a8;
  padding: 10px;
}

.testSlider .swiper-button-prev {
  right: 80px;

  left: auto;
}

.testSlider .swiper-button-next {
  right: 5px;
}

.testimonial-btm {
  padding: 50px;

  background-color: var(--secondary-color);

  border-radius: 0 0 10px 10px;
}

.testimonials-top img {
  border-radius: 10px 10px 0 0;

  padding: 17px;

  background-color: var(--secondary-color);
}

.testimonial-btm p {
  font-size: 2.58rem;

  text-align: justify;

  color: var(--white);

  height: 400px;
  overflow: hidden;
}
.testimonial-btm a {
  color: white;
  font-weight: 600;
}

.test-name-section {
  padding: 2rem;

  text-align: center;
}

.test-name-section h5 {
  font-size: 4rem;

  color: var(--primary-color);

  text-align: center;

  font-family: "Lora", "serif";
}

.test-name-section h6 {
  font-size: 2.8rem;

  color: var(--text-black);

  padding-top: 1rem;

  text-align: center;
}

.testSlider .owl-nav {
  display: flex;

  align-items: center;

  gap: 1rem;

  justify-content: right;

  margin: 20px 40px 0;
}

.testSlider .owl-nav .owl-prev,
.testSlider .owl-nav .owl-next {
  width: 100px;

  height: 100px;

  background-color: #f4eacb !important;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.4s ease-in-out;
}

.testSlider .owl-prev span,
.testSlider .owl-next span {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 100%;

  font-size: 7rem;

  color: #d4af37;

  margin-top: -13px;
}

.testimonial_btn {
  position: relative;
  /* top: 0; */
  bottom: 55px;
  margin-left: 0;
  z-index: 999;
}

.upcoming-event {
  background-color: var(--primary-color);

  padding: 200px 0 0;

  overflow: hidden;
}
.day_1 {
  display: flex;
  flex-direction: row;
  align-items: anchor-center;
  /* align-content: flex-end; */
  gap: 0.4rem;
}
.event-title {
  margin-bottom: 200px;
}

.event-title h1 {
  text-align: center;

  font-size: 8rem;

  color: var(--secondary-color);
}

.event-title p {
  color: #fff;
}

.event-left {
  padding-right: 10rem;
}

.event-left img {
  width: 100%;
}

.event-right {
  height: 100%;

  display: flex;

  align-items: center;
}

.event-item {
  background-color: #231e4b;

  display: flex;

  border-radius: 10px;

  gap: 1rem;

  margin-bottom: 100px;
}

.event-date {
  width: 30%;

  border-radius: 20px 0 50% 20px;

  background-color: var(--secondary-color);

  text-align: center;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;
}

.event-date h2 {
  font-size: 7rem;

  display: block;

  color: var(--white);
}

.event-date span {
  font-size: 3.5rem;

  color: var(--white);
}

.event-detail {
  width: 70%;

  padding: 2rem 1.5rem;
}

.event-detail p {
  font-size: 2.5rem;

  color: var(--white);
}

.event-detail ul {
  margin: 50px 0;
}

.event-detail ul li {
  display: flex;

  align-items: center;

  gap: 1rem;

  font-size: 2.3rem;

  padding-bottom: 1rem;

  color: var(--white);
}

.event-detail ul li img {
  width: 2.3rem;
}

.event-detail a {
  font-size: 2.4rem;

  color: var(--secondary-color);
}

.global-reach {
  padding: 200px 0;

  background-color: var(--secondary-color);
}

.global-title h1 {
  font-size: 8rem;

  color: var(--white);

  padding-bottom: 120px;

  text-align: center;
}

.places {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  gap: 1rem;
}

.place_1 {
  width: 100%;

  position: relative;

  border-radius: 20px;
}

.place_1 img {
  width: 100%;

  border-radius: 20px;
}

.place-overlay {
  background: linear-gradient(#110d3305, #110d33c7);

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  display: flex;

  align-items: flex-end;

  justify-content: center;

  border-radius: 20px;
}

.place-overlay h3 {
  padding: 3rem 0;

  font-size: 4rem;

  position: relative;

  color: var(--white);
}

.spacer {
  height: 30px;
}

p.location_event {
  font-size: 25px !important;
}

div#emailError {
  position: absolute;
}
div#phone_alert {
  position: absolute;
}
.mobile_baner {
  z-index: 1;
  position: relative;
  margin-bottom: 2rem;
}
.rera p {
  margin-bottom: 0 !important;
}
.rera {
  color: white;
}

/* floating button css start */
#fixed-float-sidebar {
  position: fixed;
  top: 50%;
  z-index: 99;
  right: 0;
}
#fixed-float-sidebar a {
  display: block;
  height: 40px;
  position: relative;
  text-align: center;
  line-height: 33px;
  width: 40px;
  margin-bottom: 8px;
  z-index: 2;
  font-size: 24px;
  background-color: #d4af37;
  border-radius: 20px 0 0 20px;
  transition: 0.5s;
}

.fixed--white-bg a {
  background-color: white !important;
}

#fixed-float-sidebar a span {
  line-height: 40px;
  right: 60px;
  position: absolute;
  text-align: center;
  width: 180px;
  visibility: hidden;
  transition-duration: 0.5s;
  z-index: 1;
  opacity: 0;
  writing-mode: horizontal-tb;
  font-size: 18px;
  font-weight: 600;
}
#fixed-float-sidebar a span:nth-child(2n) {
  background-color: #d4af37;
  color: #000;
}
div#fixed-float-sidebar img {
  width: 45%;
}
div#fixed-float-sidebar {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
/* floating button css end */

/* accordion start */

.at-tab {
  display: none;
  padding: 15px;
  border: 1px solid #dddddd;
  border-top: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.at-title {
  cursor: pointer;
  background-color: #f5f5f5;
  position: relative;
  transition: background-color 0.3s ease;
}
.at-title:hover {
  background-color: #e0e0e0;
}
.at-title:after {
  content: "+";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  transition: all 0.3s ease;
  font-size: 24px;
}
.at-title.active:after {
  content: "-";
}
.at-item {
  border-radius: 5px;
  margin-bottom: 15px;
}
.at-title h2 {
  font-size: 22px;
  font-weight: 600;
  padding: 10px 15px;
  margin: 0;
}
.accordion-header {
  text-align: center;
  background-color: #222222;
  color: white;
  padding: 20px 0;
}
section.faq {
  background-color: white;
  padding: 80px 0;
}
.accordion li {
  list-style-position: inside;
}

p.copy-right_top {
  color: #ffffff;
  font-weight: bold !important;
}
h2.main-title {
  margin-bottom: 2rem;
  color: var(--secondary-color);
  font-size: 2.3rem;
}
/* accordion end */

@media (max-width: 1970px) {
  .globalSlide .owl-nav {
    display: flex;

    /* top: 50%; */

    position: relative;

    /* bottom: 50%; */

    gap: 0.5rem;

    width: 100%;

    justify-content: flex-end;

    margin-top: 1rem;

    /* margin-bottom: 2rem; */
  }

  .globalSlide .owl-prev span,
  .testSlider .owl-next span {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    font-size: 7rem;

    color: #d4af37;

    margin-top: -7px;
  }

  .globalSlide .owl-prev span,
  .testSlider .owl-next span {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    font-size: 7rem;

    color: #d4af37;

    margin-top: -7px;
  }

  .globalSlide .owl-next span,
  .testSlider .owl-next span {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    font-size: 7rem;

    color: #d4af37;

    margin-top: -7px;
  }

  .globalSlide .owl-prev span,
  .testSlider .owl-next span {
    font-size: 2.6rem !important;

    font-weight: 300;
  }

  .globalSlide .owl-next span,
  .testSlider .owl-next span {
    font-size: 2.6rem !important;

    font-weight: 300;
  }

  .globalSlide .owl-nav .owl-prev,
  .globalSlide .owl-nav .owl-next {
    width: 100px;

    height: 100px;

    background-color: #f4eacbba !important;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: 0.4s ease-in-out;
  }

  .globalSlide .owl-nav .owl-prev,
  .globalSlide .owl-nav .owl-next {
    width: 40px !important;

    height: 40px !important;
  }

  .header {
    padding: 20px;
  }

  .banner {
    height: 85vh;
  }

  .left-logo a img {
    width: 250px;
  }

  .nav-image {
    width: 45px;
  }

  .offcanvas-end {
    width: 400px;
  }

  .offcanvas-header img {
    width: 60%;
  }

  .offcanvas-body {
    text-align: center;
  }

  .nav-list li {
    font-size: 18px;

    line-height: 2.2;

    padding: 16px 15px;
  }

  .spacer {
    height: 50px;
  }

  .social_side_bar {
    margin-top: 50px;
  }

  .btn-close {
    width: 30px;
  }

  .bannerSlide {
    padding-bottom: 70px;
  }

  .item-left h2 {
    font-size: 3.6rem;

    margin-bottom: 15px;
  }

  .typing-demo {
    width: 25ch;

    animation:
      typing 2s steps(17),
      blink 0.5s step-end infinite alternate;

    white-space: nowrap;

    overflow: hidden;

    font-family: monospace;

    font-size: 2em;
  }

  @keyframes typing {
    from {
      width: 0;
    }
  }

  @keyframes blink {
    50% {
      border-color: transparent;
    }
  }

  .item-left p {
    font-size: 1.8rem;
  }

  .bannerSlide .owl-nav {
    gap: 1rem;
  }

  .bannerSlide .owl-nav .owl-prev,
  .bannerSlide .owl-nav .owl-next {
    width: 55px;

    height: 55px;
  }

  .bannerSlide .owl-prev span,
  .bannerSlide .owl-next span {
    font-size: 3rem;

    margin-top: -4px;
  }

  .item-right ul li {
    gap: 0.8rem;
  }

  .item-right ul li {
    font-size: 1.7rem;

    padding: 9px 0;
  }

  .item-right ul li span {
    width: 97%;
  }

  .item-right ul li img {
    width: 3% !important;

    padding-top: 9px;
  }

  .brows {
    width: 185px;

    font-size: 18px;

    margin-top: 25px;

    padding: 8px 0;
  }

  .get-touch {
    padding-bottom: 0 !important;
  }

  .home-about {
    overflow: hidden;
  }

  .home-about,
  .overview,
  .main-content,
  .best-developer,
  .testimonials,
  .global-reach,
  .get-touch,
  .footer-listing {
    padding: 100px 0;
  }

  .why-dubai {
    padding: 100px 0 200px;
  }

  .upcoming-event,
  .our-team {
    padding: 100px 0 0;
  }

  .search-properties {
    padding: 80px 0 0;
  }

  .search-properties-top {
    padding: 100px 0 0;
  }

  .search-properties_2 {
    padding: 100px 0 100px;
  }

  .home-about-right h1,
  .overview-title,
  .explore-title h1,
  .team-title h1,
  .testimonials-title h1,
  .event-title h1,
  .global-title h1,
  .get-touch-left h1,
  .contact-form h1,
  .residents-title h1 {
    font-size: 3.9rem;
  }

  .brands-title h1 {
    font-size: 3.9rem;

    margin-bottom: 30px;
  }

  .search-form {
    height: 70px;

    border-radius: 20px;
  }

  .search-buy,
  .search-type,
  .search-bedrooms,
  .search-price,
  .search-property-type {
    margin: 20px;
    display: flex;
    align-items: center;
  }

  .search-bedrooms select,
  .search-property-type select,
  .search-buy select,
  .price-option select,
  .search-type input,
  .search-price,
  .search-btn button {
    font-size: 20px;
  }

  .search-btn button {
    border-radius: 20px 15px 15px 20px;

    border: 2px solid var(--white);
  }

  .search-btn button img {
    width: 50px;
  }

  .residents-title h1 {
    margin-bottom: 10px;
  }

  .residents-title p {
    font-size: 1.7rem;

    padding-bottom: 70px;
  }

  .private-resident {
    gap: 1rem;

    padding: 0 7px;
  }

  .resident-bottom ul li {
    gap: 10px;

    font-size: 17px;
  }

  .resident-bottom ul li img {
    width: 22px;
  }

  .property-name {
    font-size: 30px;

    color: var(--white);

    margin-bottom: 7px;
  }

  .property-name span {
    color: var(--secondary-color);
  }

  .spcl-feature {
    font-size: 20px;

    margin: 10px 0;

    line-height: normal;
  }

  .property-ptice {
    padding: 7px 0;
  }

  .price p {
    font-size: 17px;
  }

  .price h3 {
    font-size: 26px;

    line-height: 1.5;
  }

  .price h3 span {
    font-size: 16px;
  }

  .appartment p {
    font-size: 16px;
  }

  .property-browse {
    margin-top: 3rem;
  }

  .home-about-right {
    gap: 15px;
  }

  .home-about-right p {
    font-size: 21px;
  }

  .overview-title {
    margin-bottom: 60px;
  }

  .project {
    width: 18%;

    gap: 10px;
  }

  .project .pr-cont {
    padding-left: 15px;

    font-size: 23px;
  }

  .pr-cont span {
    font-size: 41px;
  }

  .explore-list {
    gap: 7rem 3rem;
  }

  .explore-title h1 {
    margin-bottom: 25px;
  }

  .explore-title p {
    font-size: 23px;
  }

  .project2 {
    gap: 0.5rem;
  }

  .project2 .pr-img {
    text-align: center;
  }

  .project2 .pr-img img {
    width: 80%;
  }

  .project2 .pr-cont {
    font-size: 40px;
  }

  .why-invest-left {
    padding: 2.5rem 0;
  }

  .why-invest-left {
    margin-bottom: 10px;
  }

  .why-invest-left p {
    font-size: 23px;
  }

  .why-invest-right > img {
    width: 70% !important;

    display: block;

    margin-left: auto;
  }

  .up-img {
    left: auto;

    right: 0;

    width: 87%;
  }

  .up-img img {
    width: 55%;
  }

  .team-list {
    margin-top: 130px;
  }

  .member {
    height: 280px;
  }

  .top-img {
    width: 150px;

    height: 150px;
  }

  .member h3 {
    padding-top: 100px;

    font-size: 25px;
  }

  .member p {
    font-size: 19px;

    padding-top: 10px;
  }

  .brands-title p {
    font-size: 24px;
  }

  /*.brand-items{*/

  /*    justify-content: space-evenly;*/

  /*    gap:30px 0;*/

  /*}*/

  .item-1 {
    /* width:100%; */

    /*border-radius:13px;*/

    /*height:170px;*/
  }

  .testimonials-title h1 {
    margin-bottom: 20px;
  }

  .testimonials-title p {
    font-size: 21px;
  }

  .testSlider {
    margin-top: 50px;
  }

  .testimonial-btm {
    padding: 20px;
  }

  .testimonial-btm p {
    font-size: 19.4px;
    overflow: hidden;
    height: 200px;
  }

  .test-name-section h5 {
    font-size: 30px;
  }

  .test-name-section {
    padding: 10px;
  }

  .test-name-section h6 {
    font-size: 21px;

    padding-top: 10px;

    color: var(--white);
  }

  .testSlider .owl-nav .owl-prev,
  .testSlider .owl-nav .owl-next {
    width: 55px;

    height: 55px;
  }

  .testSlider .owl-prev span,
  .testSlider .owl-next span {
    margin-top: -4px;

    font-size: 3rem;
  }

  .event-title {
    margin-bottom: 100px;
  }

  .event-left {
    padding-right: 80px;
  }

  .event-date h2 {
    font-size: 50px;
  }

  .event-date span {
    font-size: 50px;
    line-height: 2rem;
  }
  .ans_s {
    font-size: 45px !important;
  }
  .event-item {
    gap: 5px;

    margin-bottom: 50px;
  }

  .event-detail {
    padding: 20px 10px;
  }

  .event-detail ul {
    margin: 20px 0 0;
  }

  .event-detail ul li {
    font-size: 20px;

    gap: 10px;
  }

  .event-detail ul li img {
    width: 20px;
  }

  .event-detail a {
    font-size: 18px;
  }

  .event-detail p {
    font-size: 23px;
  }

  .place-overlay h3 {
    font-size: 30px;

    padding: 1.3rem 0;
  }

  .global-title h1 {
    padding-bottom: 60px;
  }

  .get-touch-left h1 {
    margin-bottom: 10px;

    padding-top: 10px;
  }

  .get-touch-left p {
    font-size: 23px;

    margin-bottom: 50px;
  }

  .address li {
    gap: 1rem;

    font-size: 25px;

    padding-bottom: 35px;
  }

  .address li img {
    width: 40px;
  }

  .social {
    margin-top: 60px;

    gap: 2.3rem;
  }

  .social_side_bar {
    margin-top: 80px;

    gap: 1.2rem;
  }

  .social a img {
    width: 42px;
  }

  .social a img {
    width: 30px;
  }

  .contact-form {
    padding: 0 20px 20px;

    width: 35%;
  }

  .contact-form h1 {
    margin-bottom: 10px;

    padding-top: 20px;
  }

  .contact-form p {
    font-size: 16px;

    margin-bottom: 25px;
  }

  .name input,
  .name textarea {
    font-size: 16px;

    line-height: 2.5;
  }

  .name input::placeholder,
  .name textarea::placeholder {
    font-size: 16px;
  }

  .country-code select {
    padding: 10px 0;

    font-size: 16px;

    color: var(--text-black);
  }

  .name {
    margin-bottom: 25px;
  }

  .message textarea {
    height: 125px;
  }

  .footer-logo {
    gap: 4rem;
  }

  .footer-logo img {
    width: 250px;
  }

  .footer-logo p {
    font-size: 25px;
  }

  .footer-listing h3 {
    font-size: 32px;
  }

  .footer-listing p a {
    font-size: 21px;

    line-height: 2;
  }

  .footer-copyright {
    padding-top: 35px;
  }

  .footer-copyright ul li {
    font-size: 23px;
  }
  .ppfaq {
    display: flex;
    gap: 1rem;
    align-items: center;
  }

  .footer-copyright ul li img {
    width: 24px;
  }

  .footer {
    padding: 100px 0 35px;
  }

  .why-banner {
    position: relative;

    width: 100%;

    height: 50vh;

    color: white;

    overflow: hidden;
  }

  .why-dubai-main {
    height: 600px;

    text-align: center;
  }

  .why-dubai-main img {
    width: auto;

    height: 100%;

    object-fit: cover;

    border-radius: 20px;
  }

  .prospect-list {
    padding: 100px 0 0;

    display: flex;

    align-items: center;

    justify-content: space-between;
  }

  .prospect_1 {
    width: 360px;

    height: 360px;

    border-radius: 50%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 50px;

    background: #ffffff24;

    gap: 1rem;

    text-align: center;

    position: relative;
  }

  .prospect-main {
    width: 360px;

    height: 360px;

    border-radius: 50%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    position: relative;
  }

  .sub-title {
    color: #fff;

    font-size: 23px;

    padding-top: 22px;
  }

  .area-percent {
    color: var(--secondary-color);

    font-size: 37px;
  }

  .count-billion {
    color: var(--secondary-color);

    font-size: 37px;

    margin-top: 50px;
  }

  .prospect_1 p {
    color: #fff;

    font-size: 20px;
  }

  .featurs {
    background-color: var(--secondary-color);

    padding: 190px 0 0;

    height: 70vh;

    position: relative;
  }

  .feature-list {
    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    position: absolute;

    width: 80%;

    z-index: 2;

    gap: 3rem 2rem;
  }

  .feature_1 {
    background: #fff;

    width: 30%;

    height: 300px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    border-radius: 0 0 50px 0;

    box-shadow: 0px 0px 13px 0px #3a353540;

    text-align: center;

    padding: 30px;

    gap: 1rem;
  }

  .feature_1 img {
    width: 70px;
  }

  .feature_1 p {
    font-size: 25px;

    color: var(--text-black);
  }

  .volume {
    margin-top: 35rem;
  }

  .volume-right {
    text-align: center;

    height: 600px;
  }

  .volume-right img {
    width: 75%;

    height: 100%;

    object-fit: cover;

    border-radius: 20px;
  }

  .future_1 {
    width: 350px;

    height: 350px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: var(--secondary-color);

    flex-direction: column;

    position: relative;

    margin-top: 20px;

    text-align: center;

    padding: 30px;
  }

  .future-main {
    width: 350px;

    height: 350px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;
  }

  .future_1 p {
    font-size: 25px;

    color: #fff;

    font-weight: 700;

    margin-top: 50px;
  }

  .future_1 span {
    font-size: 25px;

    color: #fff;

    font-weight: normal;
  }

  .future-top-logo {
    width: 150px;

    height: 150px;

    background: #fff;

    padding: 30px;

    border-radius: 50%;

    position: absolute;

    top: -15%;

    display: flex;

    justify-content: center;

    align-items: center;
  }

  .future-top-logo img {
    width: 100%;
  }

  .distance-main {
    padding: 100px 0;
  }

  .list-item {
    display: flex;

    flex-wrap: wrap;

    gap: 3rem 0;

    justify-content: space-between;
  }

  .item_1 {
    width: 30%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 0 50px;

    text-align: center;

    font-family: "Lora", serif;
  }

  .item_1 h6 {
    font-size: 27px;

    margin-top: 20px;
  }

  .item_1 h6 span {
    font-size: 40px;

    color: var(--secondary-color);

    font-weight: 600;
  }

  .item_1 p {
    font-size: 22.8px;
  }

  .item_1 img {
    width: 50%;
  }

  .population-growth {
    background-color: var(--secondary-color);
  }

  .population-growth-right h1 {
    color: var(--white);

    font-size: 3.1rem;
  }

  .population-growth-right p {
    color: var(--white);
  }

  .white-btn button {
    background-color: var(--white);

    color: var(--secondary-color);
  }

  .population-growth-left {
    height: 600px;

    text-align: center;
  }

  .population-growth-left img {
    width: auto;

    height: 100%;

    object-fit: cover;

    border-radius: 20px;
  }

  .gap {
    width: 100%;

    height: 3px;

    background-color: var(--white);

    margin-top: 10px;
  }

  .properties-banner {
    position: relative;

    width: 100%;

    height: 50vh;

    color: white;

    overflow: hidden;
  }

  .properties-title {
    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    height: 100%;

    flex-direction: column;
  }

  .properties-title h1 {
    font-size: 68px;

    color: var(--secondary-color);
  }

  .properties-title ul {
    display: flex;

    color: var(--white);

    font-size: 20px;

    gap: 1rem;
  }

  .properties-title ul li a {
    color: var(--white);
  }

  .properties-title ul li {
    font-size: 20px;
  }

  .properties2_sec {
    background-color: var(--white);

    padding: 100px 0;
  }

  .properties1_sec {
    padding: 100px 0;
  }

  .white-text .price p,
  .white-text .property-name,
  .white-text ul li,
  .white-text .spcl-feature,
  .white-text .appartment p {
    color: var(--text-black);
  }

  .white-text .property-ptice {
    border-top: 1px solid var(--text-black);
  }

  .properties-detail-main {
    padding: 0 0 100px 0;
  }

  .breadcrumb {
    padding: 100px 0 50px 0;
  }

  .prop-item-img img {
    width: 100%;

    border-radius: 25px;
  }

  .location {
    font-size: 17px;
  }

  .location span {
    font-size: 22px;
  }

  .location img {
    width: 28px;
  }

  .about-property {
    font-size: 18px;

    margin: 10px 0;

    text-align: justify;
  }

  .property-price p,
  .Connectivity p,
  .aminities p {
    font-size: 25px;

    font-weight: 500;

    font-family: "Lora";

    color: var(--secondary-color);

    margin: 15px 0;
  }

  .property-price ul {
    padding: 0;
  }

  .property-price ul li {
    font-size: 18px;

    line-height: 1.6rem;
  }

  .Connectivity ul {
    padding: 0;

    margin: 0;
  }
  .Connectivity ul li {
    font-size: 18px;

    line-height: 1.6;
  }

  .aminities ul {
    margin: 0;

    padding: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;
  }

  .aminities ul li {
    display: flex;

    width: 25%;

    flex-direction: column;

    justify-content: start;

    align-items: flex-start;

    gap: 5px;

    padding: 4px;
  }

  .aminities ul li span img {
    width: 80px;

    height: 80px;
  }

  .aminities ul li span {
    font-size: 18px;

    text-align: left;
  }

  /*connectivity*/

  .Connectivity ul {
    margin: 0;

    padding: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;
  }

  .Connectivity ul li {
    display: flex;

    width: 25%;

    flex-direction: column;

    justify-content: start;

    align-items: flex-start;

    gap: 5px;

    padding: 4px;
  }

  .Connectivity ul li span img {
    width: 80px;

    height: 80px;
  }

  .Connectivity ul li span {
    font-size: 18px;

    text-align: left;
  }

  span.distance {
    font-weight: 600;

    color: var(--secondary-color);
  }

  /*connectivity end*/

  .prop-img-datail .property-name {
    font-size: 38px;

    color: var(--secondary-color);

    margin-bottom: 15px;
  }

  .meet-ceo {
    padding: 100px 0;

    background-color: var(--primary-color);
  }

  .meet-left h1 {
    font-size: 45px;

    color: var(--secondary-color);

    margin-bottom: 25px;
  }

  .meet-left p {
    font-size: 18px;

    color: #fff;

    margin-top: 7px;

    text-align: justify;
  }

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

  .meet-right img {
    width: 100%;

    border-radius: 0 0 50px 0;
  }

  .row-flex {
    display: flex;

    align-items: center;
  }

  .advise {
    background-image: url("../images/about-us/about_2-banner.webp");

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    height: 70vh;

    display: flex;

    justify-content: center;

    align-items: center;
  }

  .advise-main {
    display: flex;

    justify-content: center;

    align-items: center;
  }

  .content-advice {
    width: 75%;

    background-color: var(--secondary-color);

    padding: 100px 50px;

    text-align: center;

    border-radius: 25px;
  }

  .content-advice h2 {
    font-size: 2.3rem;

    color: #fff;

    padding-bottom: 15px;
  }

  .content-advice p {
    font-size: 18px;

    color: #fff;

    margin-top: 20px;
  }

  .connect {
    background-color: #fff;
  }

  .connect a {
    color: var(--text-black);

    margin-top: 45px;
  }

  .testimonial-main {
    background-color: var(--primary-color);

    padding: 100px 0;
  }

  .t_list {
    background-color: var(--secondary-color);

    padding: 15px;

    border-radius: 20px;

    margin-bottom: 40px;
  }

  .test-img {
    border-radius: 20px;

    display: flex;

    justify-content: center;
  }

  .test-img img {
    border-radius: 20px;
  }

  .test-cont {
    margin-top: 20px;

    color: #fff;
  }

  .test-cont p {
    font-size: 14px;

    text-align: justify;
  }

  .test-cont h2 {
    font-size: 24px;

    text-align: center;

    margin-top: 20px;
  }

  .test-cont h4 {
    font-size: 18px;

    text-align: center;

    margin-top: 3px;
  }

  .dubai_luxury_property {
    background-image: url("../images/about-us/about_3-banner.webp");

    background-attachment: fixed;

    background-size: cover;

    background-blend-mode: overlay;

    background-color: #0000008c;

    width: 100%;
  }

  .currency {
    display: flex;

    justify-content: flex-end;

    margin-bottom: 1.5rem;
  }

  .currency select {
    padding: 0.1rem 0.3rem;

    border-radius: 20px;

    border-right: 10px solid white;

    background-color: white;

    padding-left: 0.6rem;
  }

  .currency select:focus {
    border-right: 10px solid white;
    outline: none;
  }

  .currency_2 {
    display: flex;

    justify-content: flex-end;

    margin-bottom: 1.5rem;
  }

  .currency_2 select {
    padding: 0.1rem 0.3rem;

    border-radius: 20px;

    border-right: 10px solid var(--primary-color);

    background-color: var(--primary-color);

    padding-left: 0.6rem;
    color: white;
  }

  .currency_2 select:focus {
    border-right: 10px solid var(--primary-color);
    outline: none;
  }

  .breadcrumb ul {
    display: flex;

    font-size: 20px;

    gap: 1rem;
  }

  .breadcrumb ul li a {
    color: var(--secondary-color);

    transition: 0.5s;
  }

  .breadcrumb ul li a:hover {
    color: black;
  }

  .multi_image_property .owl-dots {
    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

    margin-top: 20px;
  }

  .multi_image_property .owl-dot {
    width: 50px;

    height: 5px;

    background: var(--secondary-color) !important;
  }

  .multi_image_property .owl-dot.active {
    width: 50px;

    height: 5px;

    background: #d4af37b8 !important;
  }

  /*===================pegination style start=======================*/

  .simple-pagination ul {
    margin: 0 0 20px;

    padding: 0;

    list-style: none;

    text-align: center;
  }

  .simple-pagination li {
    display: inline-block;

    margin-right: 5px;
  }

  .simple-pagination li a,
  .simple-pagination li span {
    color: #666;

    padding: 5px 10px;

    text-decoration: none;

    border: none;

    background-color: #fff;

    border-radius: 50px;

    width: 35px;

    height: 35px;

    border: 0.1px solid var(--primary-color) !important;
  }
  span.ellipse.clickable {
    border-radius: 50px;
    line-height: 1rem;
  }

  section.pagination {
    padding: 2rem 0;
  }

  .simple-pagination .current {
    color: #fff;

    background-color: #ff7182;

    border: none;

    box-shadow: none !important;
  }

  .simple-pagination .prev.current,
  .simple-pagination .next.current {
    background: var(--secondary-color) !important;

    border: 0.1px solid var(--secondary-color) !important;

    box-shadow: none;
  }

  .light-theme .current {
    background: var(--primary-color) !important;
  }

  .light-theme a,
  .light-theme span {
    background: none !important;

    box-shadow: none !important;
  }

  p.location_event {
    font-size: 25px !important;
  }

  /*==================pegination style end======================*/

  /*===============Pre Loader Start*/
  #pre-loader {
    background-color: #110d33;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none; /* hidden by default */
    align-items: center;
    justify-content: center;
  }

  #pre-loader img {
    width: 25%;
  }
  /*===============Pre Loader end*/

  .bannerSlide:not(.owl-loaded),
  .bannerSlide_2:not(.owl-loaded),
  .globalSlide:not(.owl-loaded),
  .developer:not(.owl-loaded),
  .our_team:not(.owl-loaded),
  .testSlider:not(.owl-loaded),
  .multi_image_property:not(.owl-loaded) {
    display: block;
  }

  .bannerSlide:not(.owl-loaded) > .item:not(:first-child),
  .bannerSlide_2:not(.owl-loaded) > .item:not(:first-child),
  .testSlider:not(.owl-loaded) > .item:not(:first-child),
  .multi_image_property:not(.owl-loaded) > .item:not(:first-child) {
    display: none;
  }

  .globalSlide:not(.owl-loaded),
  .developer:not(.owl-loaded),
  .our_team:not(.owl-loaded) {
    display: flex;
    gap: 15px;
    overflow: hidden;
  }

  .wm-native-slider {
    display: flex !important;
    gap: 15px;
    overflow-x: auto !important;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .wm-native-slider::-webkit-scrollbar {
    display: none;
  }

  .wm-native-slider > .item {
    display: block !important;
    flex: 0 0
      calc(
        (100% - (15px * (var(--wm-visible-items, 1) - 1))) /
          var(--wm-visible-items, 1)
      ) !important;
    min-width: 0;
    scroll-snap-align: start;
  }

  .globalSlide:not(.owl-loaded) > .item,
  .developer:not(.owl-loaded) > .item,
  .our_team:not(.owl-loaded) > .item {
    flex: 0 0 20%;
  }

  @media (max-width: 767px) {
    .wm-native-slider {
      --wm-visible-items: 2 !important;
    }

    .bannerSlide.wm-native-slider,
    .bannerSlide_2.wm-native-slider,
    .testSlider.wm-native-slider,
    .multi_image_property.wm-native-slider {
      --wm-visible-items: 1 !important;
    }

    .globalSlide:not(.owl-loaded) > .item,
    .developer:not(.owl-loaded) > .item,
    .our_team:not(.owl-loaded) > .item {
      flex: 0 0 50%;
    }
  }

  @-moz-document url-prefix() {
    .event-date span {
      font-size: 50px;
      line-height: 3.7rem;
    }
  }

  .listing-1 h3 a {
    color: var(--secondary-color);
  }

  .properties-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .testimonial_btn {
    position: relative;
    /* top: 0; */
    bottom: 80px;
    margin-left: 0;
    z-index: 999;
  }
}