@font-face {
  font-family: 'Poppins-Bold';
  font-style: black;
  font-display: black;
  src: url('../font/Poppins-Bold.ttf') format('truetype');

}
@font-face {
  font-family: 'Poppins-SemiBold';
  font-style: black;
  font-display: black;
  src: url('../font/Poppins-SemiBold.ttf') format('truetype');

}
@font-face {
  font-family: 'Poppins-Regular';
  font-style: black;
  font-display: black;
  src: url('../font/Poppins-Regular.ttf') format('truetype');

}
@font-face {
  font-family: 'Poppins-Light';
  font-style: black;
  font-display: black;
  src: url('../font/Poppins-Light.ttf') format('truetype');

}



*{
  font-family:'Poppins-Regular' ;
}
body{
  position: relative;

}

body, html {
  margin: 0;
  padding: 0;
  margin: 0px;
  width: 100%;
  overflow-x: hidden !important;
  /* background-color: #fff; */

}
.container{
    /* position: relative;
  top: -77px; */
}
.container .search-realestate,
.content{
  max-width: 1400px;
}
ul, ol{
  list-style: none;
}
a{
  text-decoration: none;
}
.header{
  padding: 0;
  margin: 0;
  top:0;
  width: 100%;
  position: absolute;
  background-color: transparent !important;
  transition: all 0.3s ease-in-out;
  z-index: 11111;


}
.header .content{
  display: flex;
  justify-content: flex-end;
  width: 96%;
  margin: 0 auto;
  padding: 2% 0;
  align-items: flex-end;

}
.header .content .icon{
  width: 50px;
}
img.icon{
  cursor: pointer;
}
.right-list.hidden{
  position: fixed;
  z-index: 1111111;
  background: rgba(52, 52, 52, 1);
  height: 100%;
  width: 300px;
  top: 0;
  right: -30rem;
  overflow: hidden;
  transition: .5s;
  padding-top: 38px;
}
.right-list a{
  color:#fff;
  font-size: 18px;
  border:none;


}
.right-list li{
  padding: 0.7rem 0;
}
.container{
  width:100%
}
.banner{
  position: absolute;
  top: 0;
  width: 100%;
  background-size: cover;
  height: 100%;
  object-fit: cover;

}
.search-realestate{
width: 95%;
position: relative;
top: 35%;
transform: translate(-50%, -50%);
left: 50%;
}
.desc_title{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:1rem

}
.main_title{
  font-size: 60px;
  color:rgba(255, 255, 255, 1);
  text-align: center;
}
.desc_title .desc{
  font-size: 22px;
  color:rgba(255, 255, 255, 1);
  /* margin-bottom: 3rem; */
  text-align: center;
}
.input-search{
  /* backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);  */
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 14px;
  width: 80%;
  margin: 0 auto;
  padding: 0.5rem;
 height: 80px;

}
.input-search .content{
  gap:1.5rem;
  align-items: center;
  justify-content: space-between;
  /* height:117px; */
  border-radius: 14px;
  display: flex;
  width:calc(100% - 0.4rem);
  height:calc(100% - 0.4rem);
  padding: 0.2rem;
  background: rgba(255, 255, 255, 0.35)
}
.search_input{
  width: 71%;
  height: 80%;
  background: transparent;
  outline: none;
  border: none;
  color: rgba(102, 102, 102, 1);
  font-size: 18px;
  padding-left: 0.8rem;
}
.search_input::placeholder{
  color: rgba(102, 102, 102, 1);
}
form.form_search{
position: relative;
top: -351px;
}
.about-section:first-of-type{
margin-top: -170px;
}
.submit_btn{
  background-color: rgba(206, 166, 105, 1);
  color: #fff;
  border-radius: 14px;
  padding: 1rem;
  display: flex;
  margin-right: 0.8rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;


}
.submit_btn input{
  background: transparent;
  outline: none;
  border: none;
  color:#fff;
  font-size: 17px;
}
.dropdown{
  position: relative;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 14px;
  color:rgba(52, 52, 52, 1);
}
.options-selected{
  display: flex;
  align-items: center;
  gap:0.3rem
}
.dropdown .rent-option,
.dropdown .type-option,
.dropdown .bedroom-option{
  position: relative;
  font-size: 17px;
  font-weight: 600;
  display: flex;
  padding: 0.7rem;
  align-items: center;
  height: 40px;
  cursor: pointer;
  justify-content: space-between;
}
.dropdown{
  width:22%
}
.options-selected .flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dropdown .rent-option img,
.dropdown .type-option img,
.dropdown .bedroom-option img{
  width: 40px;
}
.abs {
  width: calc(100% - 2rem) !important;
}
.dropdown .rent-option img, .dropdown .type-option img, .dropdown .bedroom-option img{
  transition: all 0.3s ease-in-out;
}
.abs.abs-rent,
.abs.abs-type,
.abs-bedroom,
.abs-price{
  position: absolute;
  z-index: 111;
  width: fit-content;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 14px;
  color:rgba(52, 52, 52, 1);
  padding: 1rem;
  top: 5rem;


}
.rotate{
  transform: rotate(180deg);
}
/* .linear_bg{
  background: linear-gradient(90deg,rgba(64, 64, 64, 1) 0%, rgba(52, 52, 52, 0) 100%);
  width:100%;
  height:50px
} */
.abs.abs-rent .flex.col,
.abs.abs-type .flex.col,
.abs-bedroom .flex.col,
.abs-price .flex.col{
  display: flex;
  flex-direction: column;
}
.abs.abs-rent .flex.col .title,
.abs.abs-type .flex.col .title,
.abs-bedroom .flex.col .title,
.abs-price .flex.col .title
{
  /* color: black; */
  font-size: 16px;
  font-weight: 600;
}
.abs.abs-type .group-options,
.abs-bedroom .group-options{
  flex-direction: column;
  /* width: 357px; */
  height: 240px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: none;
  gap:0.8rem
}
.abs-price .group-options{
  border: none;
  justify-content: flex-start;
  gap: 1rem;
  height: fit-content;
  padding: 0;

}
.abs-price .group-options div{
  padding: 0;
  justify-content: flex-start;
  font-weight: 400;
  padding: 0;
  justify-content: flex-start;
  font-weight: 400;
  gap:0.4rem;
  flex-direction: column;
  align-items: flex-start;
  width:fit-content

}
.abs-price .group-options div input{
  display: block;
  height: 36px;
  width: 100%;
  border-radius: 7px;
  border: none;
  outline: none;
}
.abs.abs-type .group-options .option,
.abs-bedroom .group-options .option{
  border: 1px solid #000;
  cursor: pointer;
  /* padding: 0.2rem 0; */
}
.abs.abs-type .group-options .option.active,
.abs-bedroom .group-options .option.active{
  background-color: rgba(52, 52, 52, 1);
  border:none
}
.group-options{
  border: 1px solid #000;
  display: flex;
  margin: 15px 0;
  border-radius: 8px;
  height: 47px;
  justify-content: space-between;
  /* width: 300px; */
  padding: 0 0.3rem;

}
.group-options div{
  display: flex;
  font-size: 15px;
  font-weight: 600;
  align-items: center;
  width: 44%;
  text-align: center;
  padding: 0.3rem 0;
  border-radius: 8px;
  justify-content: center;
}
.abs.abs-type .group-options div,
.abs-bedroom .group-options div{
width: calc(100% - 1rem);
margin: 0 auto;
}
.text_before{
  position: relative;
  padding-left: 1.4rem;
}
.text_before::before{
  position: absolute;
  content: "";
  height: 100%;
  background-color: rgba(52, 52, 52, 1);
  font-weight: 400;
  width:1px;
  left:0.7rem
}
.abs{
  display: none;
}
.group-options div.active{
  background-color: rgba(52, 52, 52, 1);
  color:#fff
}
.about-section .content .text-content.col-flex a:hover{
  background-color: rgb(47 30 26);
  color:#fff
}
.group-options input{
display: none;
}
.reset_done{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
}
.reset_done .reset{
  border: 1px solid rgb(86, 81, 83);
  color:rgb(86, 81, 83);
  background-color: transparent;
  border-radius: 8px;
  padding: 0.6rem 1rem;
}
.reset_done .done{
  border-radius: 8px;
  color:white;
  background-color: rgb(86, 81, 83);
  padding: 0.6rem 1rem;
}
.reset_done .done,
.reset_done .reset{
  cursor: pointer;
}
.group-options.interest-group div, .group-options.property-group div{
  cursor: pointer;
}
/* .linear{
  background-image: url(/images/shadow.png);
  height:100px;
  width:100%
} */
.about-section,
.question,
.property_details{
  /* background-color: #383838; */
padding: 2rem 0 1rem;
position: relative;


}
.blog{
padding: 0 !important;
}
.blog .bg_empty{
height: 240px;
margin-top: -240px;

}
.blog{
background-color: transparent !important;
padding-top: 0 !important;
}
.property_details{
background-color: #383838;
}
.question,
.services, .offplan_projects, .team, .blog{
background-color: #383838;
}

.bg_global{
background: linear-gradient(to bottom, #1e1e1e00, #272727 6%, #3a3a3a 40%, #383838 100%, #58585800 0% 73%);
position: relative;
top: -81px;
z-index: 13;
padding-top: 7rem;
}
.about-section.after_about::after{
  position: absolute;
  content: "";
  top:0;
  background-image: url(/images/earth.png);
  width: 186px;
  z-index: 1;
  right: -30px;
  height: 400px;

  background-size: cover;

  background-repeat: no-repeat;
}
.about-section .content,
.vision .content,
.services .content,
.content{
  width:90%;
margin: 0 auto;

}
.about-section .title{
  color:rgba(206, 166, 105, 1);
  font-weight: 700;
  font-size: 45px;

}
.about-section .text-content,
.team .text-content,
.offplan_projects .text-content{
  display: flex;

  flex-direction: column;
  gap:1rem

}
.offplan_projects .desc{
  text-align: center;
}
.about-section .desc,
.vision .desc{
  color:rgba(255, 255, 255, 1);
  line-height: 35px;

}
.vision .desc.about-section,
.offplan_projects .desc{
  text-align: center;
}
.vision, .services,
.offplan_projects,
.team,
.blog{
  /* background-color: #383838; */
  padding: 4rem 0;
  color:rgba(255, 255, 255, 1);
}
.vision .text-content{
  display: flex;

  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:1rem;

}
.vision .title,
.offplan_projects .title,
.team .title,
.blog .title{
  color:rgba(255, 255, 255, 1);
  font-weight: 700;
  font-size: 39px;
  text-align: center;

}



.footer{

  color: #fff;
  position: relative;
}
.footer::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 130px;
  top: -30px;
  z-index: 11;
  background: linear-gradient(to top, #34343400, #5d5d5d 20%, #595959 40%, #545454 80%, #383838 100%, #59595900 0% 73%);
}

.blog{

}
.footer::before{

  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1;
  background-image:
  linear-gradient(to bottom, #34343400),

  url('/images/bg_footer.png')
  ;
background-repeat: no-repeat;
background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  filter: opacity(0.81);
  /* box-shadow: 0 -60px 100px -40px rgba(0, 0, 0, 0.2), 0 -60px 100px -40px rgba(0, 0, 0, 0.5); */
}
/* .blog{
  background-image:
  linear-gradient(to bottom, #34343400,
  rgb(52,52,52))!important



} */
.footer .content{

  width: 90%;
  position: relative;
  margin: 0 auto;
  padding: 7rem 0 4rem 0;
  z-index: 3;
}
.footer .same_row{
  display: flex;
  gap:1rem;
  align-items: center;
}
.footer .same_row a{
  text-decoration: none;
}
.footer .same_row img{
  width: 46px;
}
.footer .content .logo img{
  width: 210px;
  height: 76px;
  filter: none;
  object-fit: cover;
  filter: brightness(4.5);
}
.right-list.hidden .logo-first img{

  filter: brightness(4.5);
}
.footer .content .grid-container{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:2rem;
  padding-bottom: 2rem;
}
.footer .content .grid-container .col{
  display: flex;
  flex-direction: column;
  /* gap:1rem */
}
.footer .content .grid-container .col .title{
  color:rgba(198, 164, 90, 1);
  font-weight: 600;
  font-size: 22px;
}
.footer .contact_email{
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 12px;
  margin-top: 2rem;
  display: flex
;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;

}
.footer .contact_email .flex{
  display: flex;
  gap: 1rem;
  width: 91%;
;
}
.left_s{
  position: relative;
  left: 0.5rem;
}
.contact_email_form button{
  background-color: transparent;
  cursor: pointer;
  border: none;
  outline: none;
}
.footer .contact_email .flex input{
  background: transparent;
  width: 100%;
  outline: none;
  border: none;
  font-size: 17px;

}
.footer .contact_email .flex input::placeholder{

}
.col.flex-center{
  justify-content: center;
  align-items: center;

}
.footer .content .grid-container .col .row{
  display: flex;
  padding-bottom: 1rem;
  gap:1.2rem
}
.footer .content .grid-container .col .flex-col{
  margin-top: 2rem;
  color: rgba(255, 255, 255, 1);
  font-size: 17px;
}
.footer .content .grid-container .col .flex-col a{
  color: rgba(255, 255, 255, 1);
  /* font-weight: 600; */
}


.footer .content .grid-container .col .row img{
  max-width: 25px;
}
.footer .content .grid-container .desc,
.footer .content .grid-container .desc a{
  color: rgba(255, 255, 255, 1);
  font-size: 17px;
  line-height: 33px;
  width:100%;

}
.footer .content .grid-container .read-more{
  color:rgba(198, 164, 90, 1) !important;
  font-weight: 600;
  text-decoration: underline;
}
#arrow-footer{
  width: 19px;
  position: relative;
  top: 0.5rem;
  left: 0.5rem;

}
.list-footer {
  padding: 0;
  margin: 1.5rem 0;
}
.list-footer li{
  display: flex;
  align-items: center;
  color: #bdbcbc;
  gap: 0.6rem;
  padding-bottom: 1rem;
  font-size: 13px;
  font-weight: 600;
}
.list-footer li svg{
  width: 8px;
}
.list-footer.contact li svg {
  width: 20px;
}
.list-footer.contact {
  margin-bottom: 0;
}
.footer .subscribe{
  display: flex;
  /* border: 1px solid #ddd; */
  border-radius: 6px;
  margin-bottom: 2px;
}
.footer .subscribe input{
  border: none;
  outline: none;
  padding: 0.7rem;
  border: 1px solid #ddd;
}
.footer .subscribe input.email{
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 90%;

}
.footer .flex-row.social-icons{
  justify-content: flex-start;
  padding-top: 0.1rem;
}
.footer .flex-row.social-icons a {

  padding: 0.6rem;
}
.terms.flex{
  display: flex;
  gap:2rem;
  align-items: center;
  position: relative;
  padding-top: 1rem;
  color: rgba(255, 255, 255, 1);

}
.terms.flex a{
  color: rgba(255, 255, 255, 1);
  font-weight: 500;
}

.terms.flex .flex-start{
  display: flex;
  justify-content: flex-start;
  gap:2rem;
  color: rgba(255, 255, 255, 1);
}
.footer .content .grid-container .col form{
  padding-top: 0rem;
}
.vision .grid_container{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem;
      margin-top: 4rem;
}
.vision .grid_container .col{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:1rem
}
.vision .grid_container .col img{
  width: 145px;
}
.vision .grid_container .col .desc{
  line-height: 30px;
  padding-top: 1rem;
  font-size: 16px;
  width: 90%;
  margin: 0 auto;
  text-align: center;

}
.vision .grid_container .col .title{
  font-size: 22px;
  text-align: center;
  width: 90%;
  margin: 0 auto;

}
/* .services{
  width: 100%;
  margin:0rem 0 4rem
} */
.services .content{
  width:90%;
  margin:0 auto;
  display: flex;
  flex-direction: column;
  gap:2rem
}
.services .content .title{
  font-size: 36px;
  font-weight: 600;
  width:100%;
  text-align: center;
  color:rgba(255, 255, 255, 1)

}
.services .content .desc{
  text-align: center;
  color:rgba(153, 153, 153, 1);
  width:90%;
  margin: 0 auto;
  margin: 0 auto;

}
.services .content .buttons{
  display: flex;
  justify-content: space-between;
  height:50px;
  font-size: 20px;
  align-items: center;
  color:rgba(255, 255, 255, 0.72);
  gap:2rem
}
.services .content .buttons div{
  width:100%
}
.services .content .buttons div.active{
  background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
  color:#fff;
  position: relative;
}
.mt_small{
  margin-top: -6rem;
}
.property_details .similar_boxs .box_simi .list .desc,
.property_details .similar_boxs .box_simi .list .title{
  width: 100% !important;
}
.services .content .buttons div.active::after{
  content: "";
  position: absolute;
  bottom: 0;
  width: 60%;
  /* margin: 0 auto; */
  height: 2px;
  background-color: #fff;
  left: 50%;
  transform: translate(-50%);
}
.container_buttons{
  width:80%;
  margin: 0 auto;
  border-radius: 16px;
  background: linear-gradient(rgb(70 70 70), rgb(95 95 95 / 0%), rgb(165 165 165 / 0%), rgb(65 64 64));
}
.container_buttons .buttons div{
  height: 100%;
  line-height: 44px;
  /* padding: 0 4.8rem; */
  cursor: pointer;
  width: 20%;
  text-align: center;
}
.right-list li{
  cursor: pointer;
}
.container_buttons .buttons div:last-child{
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;


}
.container_buttons .buttons div:first-child{
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;

}
.services .content .grid-container,
.content_result .content .grid-container{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:2rem;
  text-align: center;
}
.services .content .grid-container .col,
.content_result .content .grid-container .col{
  display: flex;
  flex-direction: column;
  width: 100%;
  gap:0.4rem;
  justify-content: space-between;
  /* padding: 1rem; */
  border-radius: 22px;
  background: linear-gradient(rgb(70 70 70), rgb(95 95 95 / 30%), rgb(165 165 165 / 0%), rgb(65 64 64));

}
.services .content .grid-container .img-container,
.content_result .content .grid-container .img-container{
  width: 90%;
  /* padding: 1rem; */
  margin: 6% auto;
}
.services .content .col .img-container img,
.content_result .content .grid-container .img-container img{
    width: 100%;
    height: 250px;
    border-radius: 15px;
  /* padding-top: 2%; */
}
.single img{
    filter: brightness(5);
}
.services .content .grid-container .flex_desc .single,
.content_result .content .grid-container .flex_desc .single{
  background-color: rgba(38, 38, 38, 1);
  border-radius: 19px;
  display: flex;
  align-items: center;
  padding: 0.3rem 0;
  width: 120px;
  padding-left: 3%;

}
.services .content .grid-container .flex_desc .single div,
.content_result .content .grid-container .flex_desc .single div{
  font-size: 12px;
  padding-left: 0.3rem;
}
.services .content .grid-container .title_col,
.content_result .content .grid-container .title_col{
  font-weight: 600;
  font-size: 19px;
  color:#fff;
  text-align: left;
  margin: 0% 5%;

}
.home_page .col.only_search_result.new_villa{
display: none !important;

}
.services .content .title {
padding-top: 2rem;
}
.services .content .grid-container .desc, .content_result .content .grid-container .desc,
.services .content .grid-container .title_col,
.services .content .grid-container .flex_desc, .content_result .content .grid-container .flex_desc,
.content_result .content .grid-container .title_col{
z-index: 11;
}

.services .content .grid-container .flex_desc,
.content_result .content .grid-container .flex_desc {
  margin-bottom: 1rem !important;
}
.services .space_between,
.content_result .space_between{
  padding-bottom: 5%;
}
.services .content .grid-container .desc,
.content_result .content .grid-container .desc{
  color:rgba(153, 153, 153, 1);
  text-align: left;
  padding: 0.7rem 0;
  margin: 0% 5%;
}
.services .content .grid-container .desc,
.content_result .content .grid-container .desc {
  cursor: default;
}
.read-more {
  color: #fff;
  cursor: pointer;
  user-select: none;
  margin-left: 5px;
  text-decoration: underline;
}


.services .content .grid-container .flex_desc,
.content_result .content .grid-container .flex_desc{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap:0.5rem;
  flex-wrap: wrap;
  margin: 0.6rem 0;
  margin: 0% 5%;
}
.services .content .grid-container img,
.content_result .content .grid-container img{
  width:22px;

}
.services .space_between,
.content_result .space_between,
.content_result .flex_price,
.services .flex_price{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0% 5%;
}
.services .col{
  opacity: 1;
  transform: scale(1) translateY(0);
  transition: all 0.4s ease;
  display: block;
}

.services .col.animated-out {
  opacity: 0;
  transform: scale(0.8) translateY(30px);
  pointer-events: none;
}
.tel_desc{
  display: flex;
  align-items: center;
  gap:0.7rem
}
.tel_desc img{
  width: 43px !important;
}
.services .space_between{

}
hr{
  height: 0.5px;
  margin: 1.3rem 0;
  color: #fff;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.services .flex_price .price_col,
.content_result .flex_price .price_col{
  display: flex;
  flex-direction: column;
  gap:0.3rem;
  align-items: flex-start;
}
.services .flex_price .price_col .small,
.content_result .flex_price .price_col .small{
  color:rgb(132 127 127);
  font-size: 13px;

}
.services .flex_price .price_col .numb,
.content_result .flex_price .price_col .numb{
  font-size: 19px;
  font-weight: 700;
}
.services .flex_price .btn,
.content_result .flex_price .btn{
  background-color: rgba(206, 166, 105, 1);
  color: #fff;
  border-radius: 8px;
  width: 237px;
  height: 52px;
  line-height: 52px;
}
.services .space_between .user,
.content_result .space_between .user{
  display: flex;
  align-items: center;
  gap:1rem
}
.services .space_between .user img,
.content_result .space_between .user img{
  width: 50px;
  border-radius: 50%;
}
.services .space_between .col_user,
.content_result .space_between .col_user{
  display: flex
  ;
      flex-direction: column;
      gap: 0.2rem;
      align-items: flex-start;

}
.services .space_between .col_user div:first-child,
.content_result .space_between .col_user div:first-child{
  color:rgba(255, 255, 255, 0.6);
  font-size: 13px;

}
.services .space_between .col_user div:last-child,
.content_result .space_between .col_user div:last-child,
.services .content .grid-container .flex_desc .single, .content_result .content .grid-container .flex_desc .single{
  color:#fff;


}
.offplan_projects .title,
.offplan_projects .desc,
.team .title,
.team .desc{
  text-align: center;

}
.offplan_projects .desc,
.team .desc{
  color:rgba(153, 153, 153, 1);
  width: 90%;
}
.offplan_projects .main_content{
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: 2rem;

}
.offplan_projects .main_content .flex_container{
  display: flex
  ;
      gap: 2rem;
      margin-top: 2rem;
      align-items: center;
      justify-content: center;
      /* flex-wrap: wrap; */
}
/* .offplan_projects .main_content .grid_container .col:nth-child(1){
  width:30%
}
.offplan_projects .main_content .grid_container .col:nth-child(2){
  width:70%
} */
.offplan_projects .main_content .flex_container img{
  width: 100%;
  height: 400px;
  object-fit: contain;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
}
.offplan_projects .main_content .flex_container img:hover{
  opacity: 0.7;
   transform: scale(1.05);
}
.team_swiper{
  position: relative;
  overflow: hidden;
  width: 100%;

}
.team,
.team .content{
  max-width:100%;
  width:100%
}
.team .text-content{
  max-width:1400px;
  width:80%;
  margin: 0 auto;
}
.team .team_swiper{
  padding: 3rem 0;

}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  background-color: #fff;
}
.px_2{
 padding-top: 2rem !important;
 padding-left: 2rem !important;

}
.pl_2{
  padding-left: 2rem !important;

 }
.team .swiper-slide {
  width: 434px;
  background: #fff;
  padding: 0.5rem;
  margin-right: 1rem;
  height: 217px;
  border-radius: 27px;
  opacity: 0.3;
  transition: all 0.3s ease-in-out;
}
.team .swiper-slide.swiper-slide-active{
  opacity: 1;
}
.team .box{
  display: flex
;
  justify-content: center;
  gap:1rem;
  align-items: center;
  padding: 1rem;
}
.team .img_container{
  width:180px

}
.team .img_container img{
  width:100%

}
.team .info_desc{
  display: flex;
  flex-direction: column;
  gap:0.7rem
}
.team .desc_info{
color:rgba(52, 52, 52, 0.5)
}
.team .icons{
      display: flex;
      justify-content: flex-start;
      gap:0.8rem;
      align-items: center;
}
.team .icons img{
  width:50px
}
.team .swiper-slide .name{
color:rgba(52, 52, 52, 1);
font-size: 18px;
}
.blog .grid-container,
.home_only .offplan_section_grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 2rem;

}
.home_only .offplan_section_grid{
  padding: 3rem 0 1rem;
}
.blog .grid-container .col,
.home_only .offplan_section_grid .col{
  display: flex;
  flex-direction: column;
  width: 100%;
  gap:0.4rem;
  /* padding: 1rem; */
  border-radius: 32px;
  background: linear-gradient(rgb(70 70 70), rgb(95 95 95 / 30%), rgb(165 165 165 / 0%), rgb(65 64 64));
}
.blog .grid-container .breif,
.home_only .offplan_section_grid .breif{
  color: #fff;
}
.blog .grid-container .img_container,
.blog .grid-container .breif,
.home_only .offplan_section_grid .img-container,
.home_only .offplan_section_grid .breif,
.blog .grid-container .date_desc,
.home_only .offplan_section_grid .date_desc{
  width: 90%;
  margin: 5% auto;

}
.blog .grid-container .date_desc,
.home_only .offplan_section_grid .date_desc{

      flex-wrap: wrap;
      gap: 0.5rem;
}
.blog .grid-container .breif,
.blog .grid-container .date_desc,
.home_only .offplan_section_grid .date_desc,
.home_only .offplan_section_grid .breif{
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.blog .grid-container .img_container img,
.home_only .offplan_section_grid .img-container img{
  width:100%
}
.blog .grid-container .date_desc,
.home_only .offplan_section_grid .date_desc{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blog .grid-container .text,
.home_only .offplan_section_grid .text{
  color:rgba(255, 255, 255, 0.7);
  font-size: 13px;
  width: 90%;
  margin: 0% auto 5%;
  text-align: left;
}
.blog .grid-container .blog_2_box.col .title_box,
.blog .grid-container .blog_2_box.col .desc_box{
text-align: left;
}
.blog .grid-container .date_desc .date{
  display: flex;
  align-items: center;
  gap:0.5rem
}
.blog .grid-container .breif{
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}
.blog .grid-container .blog_2_box.col .title_box{
  font-size: 25px;
  font-weight: 600;
  width: 90%;
  margin: 0 auto;

}
.blog .grid-container .blog_2_box.col .desc_box{
  font-size: 15px;
  color:rgba(153, 153, 153, 1);
  width: 90%;
  margin: 0 auto;

}
.blog .grid-container .blog_2_box.col  a{
  width: 90%;
  margin: 0 auto;

}
.blog .grid-container .blog_2_box.col  a div{
  width: 42%;
  text-align: center;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(52, 52, 52, 1);
  height: 60px;
  line-height: 60px;
  font-size: 21px;
  font-weight: 600;
  border-radius: 12px

}
.blog .grid-container .blog_2_box.col{
  grid-column: span 2;
  border-radius: 32px;
  min-height: 360px;
  display: flex
;
  flex-direction: column;
  justify-content: center;
  position: relative;
  gap:1rem;
  background: linear-gradient(rgb(78 78 78) 28%, rgb(95 95 95 / 30%), rgb(165 165 165 / 0%), rgb(65 64 64));
}
.blog .grid-container .breif{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.blog .grid-container .blog_2_box.col img{
  position: absolute;
  bottom:0;
  max-width: 100%;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;

}
#price-error{
  color: red;
  margin-top: 0px !important;
  font-size: 10px;
  position: relative;
  top: -7px;
}
.content_result .content .desc_text{
  padding-bottom: 2rem;
}
.content_result{
  background: linear-gradient(to bottom, #1e1e1e00, #272727 6%, #3a3a3a 40%, #383838 100%, #58585800 0% 73%);
  /* background: linear-gradient(to bottom, #38383800, #272727 20%, #3a3a3a 40%, #383838 100%, #58585800 0% 73%); */
  position: relative;
  top: -220px;
}
.content_result .flex_price .price_col .numb{
  color:#fff
}
.content_result .content .reset_filter{
  color:#fff;
  text-decoration: underline;
  font-size: 15px;

}
.bg_empty{
  height:220px;
  margin-top: -220px;
  background-color: #383838;
}
.content_result .content .desc_text{
  text-align: left;
  font-size: 18px;
  padding-top: 2rem;
  color:#fff
}
.content_result form{
  padding-bottom: 50px;
}
.col.only_search_result.new_villa{
  display: none;
}
.content_result .col.only_search_result.new_villa{
  display: block;
}
.col.only_search_result.new_villa{
  position: relative;

}
.content_result .col.only_search_result.new_villa .title_col,
.content_result .col.only_search_result.new_villa .desc,
.content_result .col.only_search_result.new_villa .flex_desc{
  position: relative;
  z-index: 2;
  top:5%
}
.content_result .col.only_search_result.new_villa .images_explain{
  position: absolute;
  z-index: 2;
  bottom:0;
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.content_result .col.only_search_result.new_villa .images_explain img{
  width: 33%;
  bottom: 0;
  position: relative;

}
.content_result .col.only_search_result.new_villa .flex_desc img{
  position: relative !important;
  width: 22px !important;
}
.content_result .col.only_search_result.new_villa .title_col{
  display: flex;
  justify-content: space-between;
  width:90%;
  align-items: center;
}
.content_result .col.only_search_result.new_villa .title_col .title{
  font-size: 20px;
}
.content_result .col.only_search_result.new_villa .title_col .numb_price{
  font-size: 15px;
  font-weight: 400;
}

.overlay{
  position: absolute;
  content:"";
  width: 100%;
  height:100%;
  border-radius: 22px;
  z-index: 1;
  top:0;
  left:0;
  background-color: rgb(0,0,0,0.4);
}

.col.only_search_result.new_villa img.bg{
  position: absolute;
  width:100%;
  object-fit: cover;
  left: 0;
  height:100%;
  top:0;
  border-radius: 22px;
}
.images_explain img{
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.content_result .col.only_search_result.new_villa{
  background: none;
}
.question{
  padding-top: 0rem !important;
}
.question .grid_container{
  align-items: center;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  text-align: center;
}
.question .grid_container .question_container{
  grid-column: span 2;
  border-radius: 25px;
  background: linear-gradient(rgb(70 70 70), rgb(95 95 95 / 30%), rgb(165 165 165 / 0%), rgb(65 64 64));
}

.question .grid_container .text{
  display: flex;
  flex-direction: column;
  gap:1rem;
  color:#fff;
  font-weight: 400;
}
.question .grid_container .text .title,
.question .grid_container .text .desc{

  /* font-size: 25px; */
  text-align: left;

}
.question .grid_container .text .title{
  font-size: 35px;
  font-weight: 600;
}
.question p{
  margin: 0;
}
.question {
  padding-bottom: 125px;
}
.faq {
  padding: 0 3rem;
}

.faq-item {
  border-bottom: 1px solid #92969C;
}
.faq-item .faq-question{
  color: white;
}
.faq-question {
  gap:1rem;
  background: none;
  border: none;
  outline: none;
  width: 100%;
  text-align: left;
  font-size: 18px;
  padding: 35px;

  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-item.active .faq-question {
  color: #CEA669;
}

.faq-icon {
  transition: transform 0.3s ease;
  display: block;
}
.faq-icon.orange{
  display: none;
}
/* .faq-item.active .faq-icon {
  transform: rotate(-180deg);
} */
.faq-item.active .faq-icon.orange{
  display: block;
}
.faq-item.active .faq-icon.white{
  display: none;
}
.faq-item:last-of-type .faq-question{
  padding-bottom: 3rem;

}
/* .rotate{
  transform: rotate(-180deg);
} */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  color: #92969C;
  font-size: 15px;
  text-align: left !important ;

}
.faq-item:first-of-type .faq-question{
  padding: 2.5rem 0 2rem;
}
.faq-question:first-of-type,
.faq-question:last-of-type{
  padding: 3rem 0;
}

.faq-item.active .faq-answer {
  max-height: 650px;
  padding-bottom: 2.5rem;

}
.faq-item.active .faq-question{
color:#CEA669
}
.question_container img{
  width: 18px;
  object-fit: cover;
}
.faq-item:last-of-type{
  border:none
}
.property_details .content{
  padding: 4rem 0;

}
.property_details .content .flex-row{
  display: flex;
  justify-content: space-between;
  color:#fff;
  align-items: center;
  padding-top: 1rem;
  gap:1rem
}
.property_details .content .flex-row .status{
  background-color: #CEA669;
  border-radius: 8px;
  padding: 0.3rem 0.9rem;
}
.property_details .content .flex_container .col{
  display: flex;
  flex-direction: column;
  gap:0.5rem;
  align-items: center;
}
.property_details .content .flex_container .col img{
  width:100%;
  border-radius: 6px;
}
.property_details .content .flex_container .col:first-of-type{
  grid-column: span 2;
  grid-row: span 2;
}
.property_details .content .flex_container{
  grid-template-columns: repeat(4, 1fr);
  padding-top: 2rem;
  gap:0.5rem;
  display: grid;
  align-items: center;
}
.property_details .content .flex_container.grid_desc{
  /* grid-template-columns: repeat(4, 1fr); */
  padding-top: 2rem;
  gap: 5%;
  display: flex;
  align-items: flex-start;
  align-items: self-start;

}
.property_details .content .flex_container.grid_desc .title.max-width,
.property_details .content .flex_container.grid_desc .desc.max-width{
  width:95% !important

}
.property_details .content .flex_container.grid_desc .col.big{
  width: 93%;
}
/* .property_details .content .grid_container.grid_desc .col.small{
  grid-column: span 2;
} */
.property_details .content .flex_container.grid_desc .col{
  align-items: flex-start;
}
.property_details .content .flex_container.grid_desc .title{
  font-weight: 600;
  font-size: 25px;

}
.property_details .content .flex_container.grid_desc .col img{
  width:22px
}
.property_details .content .flex_container.grid_desc .details .flex_col{
  display: flex
  ;
      flex-direction: column;
      gap: 1rem;

}
.property_details .content .flex_container.grid_desc .details .flex_col img{

}
.property_details .content .flex_container.grid_desc .details .flex_col div{
  display: flex
;
  gap: 0.7rem;
  align-items: center;
  color: #fff;

  font-size: 14px;

}
.property_details .content .flex_container.grid_desc .details span{
  font-weight: 700;
}
.property_details .content .flex_container.grid_desc .details{
  display: flex
  ;
      justify-content: space-between;
      align-items: center;
      padding: 2rem;
      border: 1px solid #fff;
      border-radius: 8px;
      margin-top: 2rem;
      gap: 1rem;
      width: calc(100% - 4rem);

}
.features {
  margin-top: 2rem;
}
.property_details .content .flex_container.grid_desc .title,
.property_details .content .flex_container.grid_desc .desc{
  text-align: left;
  color:#fff;
  width: calc(90% - 2rem);
}
.property_details .content .flex-row img{
  width:15px
}
.property_details .content .flex-row .name{
  font-weight: 600;
  font-size: 35px;
}
.property_details .content .flex-row, .property_details .content .flex-row .first{
  display: flex;
  align-items: center;
  gap:0.5rem
}
.features{
  width:100%
}
.property_details .features .col img{
  width:45px
}
.property_details .features .col{
  grid-column: span 1 !important;
  color:#fff;

}
.property_details .features .col div{
  display: flex
;
  align-items: center;
  gap: 1rem;
  font-size: 13px;

}
.features .grid_features{
  grid-template-columns: repeat(3, 1fr);
  padding-top: 2rem;
  gap:1rem;
  display: grid;
  align-items: center;
}
.calculator{
  width: 100%;

}
.calculator .content{
  margin: 6rem 0 0;
  border: 1px solid #fff;
  border-radius: 28px;
  background: linear-gradient(to bottom right, #605f5f, rgb(53 53 53 / 90%))
  /* background: linear-gradient(rgb(70 70 70), rgb(95 95 95 / 30%), rgb(165 165 165 / 0%), rgb(65 64 64));
  */

}
  .property_details .content .flex_container.grid_desc .col.small{
      border-radius: 12px;
       /* background: linear-gradient(rgb(70 70 70), rgb(95 95 95 / 30%), rgb(165 165 165 / 0%), rgb(65 64 64)); */
       width: 80%;
  }
.calculator .content .title{
  /* padding: 2rem 0rem 0 2rem !important; */
  /* width: calc(100% - 4rem) !important; */
  padding:1rem 0 1rem 1rem ;
}
.calculator .content .text{
  color:#fff;
  padding:1rem 0 1rem 1rem ;

}
.payment_value{
  color:#fff;
  padding:1.5rem 0 2rem 1rem ;
}
.calculator .content .text.top{
  position: relative;
  top: -1rem;
  padding-bottom: 0 !important;
  width: calc(90% - 2rem);
}

.payment_value div.numb{
  font-weight: 700;
  font-size: 16px;

}
.payment_value .flex{
  display: flex;
  align-items: center;
  gap:2rem
}
.payment_value div:first-of-type{
  font-size: 13px;

}
.property_details .calculator .content {
  padding: 0rem 0;
  width: 100%;
}
.calculator .content .grid_content{
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  display: grid
;
  align-items: center;
  width: calc(100% - 4rem);
  margin: 0 auto;
}
.calculator .content .grid_content .input_box span{
  font-size: 12px;
  position: relative;
  right: 0.5rem;

}
.calculator .content .grid_content .input_box .text{
  padding-left: 0 !important;
}
.calculator .content .grid_content .input_box .input{
  background: transparent;
  outline: none;
  border: none;
  color: rgba(255, 255, 255, 0.7);
  height: 35px;
  position: relative;
  left: 0.5rem;
  line-height: 35px;
  font-size: 14px;

}
.property_details .content .flex_container.grid_desc .col.small .box_details .flex.btn a{
  cursor: pointer;
}
.property_details .content .flex_container.grid_desc .col.small .box_details .flex.btn a:hover{
  opacity: 0.8;
}
.calculator .content .grid_content .input_box.submit_col{
  grid-column: span 2;
  background: linear-gradient(to right, #C6A45A, #FFFFFF99 90%);
  text-align: center;
  border-radius: 7px;
  margin-top: 1rem;
  padding: 0.5rem;

}
.submit_col button{
    cursor: pointer;
}
.calculator .content .grid_content .input_box input::placeholder{
  color: rgba(255,255,255,0.7);
}
.calculator .content .grid_content .input_box .text{
  font-size: 14px;
  font-weight: 600;
  /* padding: 0.7rem !important; */

}
.calculator .content .grid_content .input_box{

}
.calculator .content .grid_content .input_div{
  background: rgb(161 161 161 / 50%);
  display: flex;
  align-items: center;
  border-radius: 7px;
  justify-content: space-between;
  padding: 0.2rem 0;
  color: rgba(255,255,255,0.7);

}
.property_details .content .flex_container.grid_desc .col.small .box_details{
  width:100%;
  border-radius: 18px;
  background: linear-gradient(rgb(70 70 70), rgb(95 95 95 / 30%), rgb(165 165 165 / 0%), rgb(65 64 64));

}
.property_details .content .flex_container.grid_desc .col.small .box_details .flex{
       display: flex;
      align-items: center;
      gap: 0.5rem;
      padding: 1rem 1rem 0.5rem 1rem;
      color: #fff;
}
.user_ph{

}
.property_details .content .flex_container.grid_desc .col.small .box_details .status{
  background-color: #CEA669;
  border-radius: 8px;
  padding: 0.3rem 0.9rem;
}

.property_details .content .flex_container.grid_desc .col.small .box_details .flex .images_stars img{
  width: 15px;
}
.property_details .content .flex_container.grid_desc .col.small .box_details .name{
  font-weight: 700;
  font-size: 23px;
}
.property_details .content .flex_container.grid_desc .col.small .contact_box{

}
.property_details .content .flex_container.grid_desc .col.small .price span{
  font-weight: 800;
  font-size: 39px;
  color:#CEA669

}
.property_details .content .flex_container.grid_desc .col.small .contact_box .title{
  font-size: 17px;
  margin: 1rem;

}
.property_details .content .flex_container.grid_desc .col.small .box_details .flex.btn{
  gap: 5%;
  padding-bottom: 1.2rem;
}
.property_details .content .flex_container.grid_desc .col.small .box_details .flex.btn a{
  width:45%;
}
.property_details .content .flex_container.grid_desc .col.small .box_details .flex.btn a:first-of-type{
  border: 1px solid #CEA669;
  border-radius: 6px;
  padding: 0.3rem;
  color: #CEA669;
  text-align: center;
}
.property_details .content .flex_container.grid_desc .col.small .box_details .flex.btn a:last-of-type{
  border: 1px solid #CEA669;
  border-radius: 6px;
  padding: 0.3rem;
  background: #CEA669;
  color:#fff;
  text-align: center;
}
.property_details hr{
  height: 0.7px !important;
  background: rgba(255, 255, 255, 0.5);
  border: none;
}
.property_details .content .flex_container.grid_desc .col.small .contact_box .white_bg{
  background-color: #F2F2F2;
  border-radius: 10px;
  /* width:90%; */
  margin: 1rem;
}
.property_details .content .flex_container.grid_desc .col.small .white_bg .tel{
  color:#CEA669;
  font-size: 13px;
  font-weight: 400;
  display: flex
  ;
      align-items: center;
      gap: 0.7rem;

}
.col.small .white_bg .flex-col{
  display: flex
;
  flex-direction: column;
  align-items: center;
}
.property_details .content .flex_container.grid_desc .col.small .box_details .white_bg .name{
  font-size: 18px;
}
.property_details .content .flex_container.grid_desc .col .white_bg img{
  width:60px

}
.property_details .content .flex_container.grid_desc .col.small .white_bg .tel img{
  width:20px
}
.property_details .content .flex_container.grid_desc .col.small .white_bg .name{
  color:black

}
.property_details .similar_boxs{
  display: flex
  ;
      flex-direction: column;
      align-items: flex-start;
      margin-top: 3rem;

}
.property_details .similar_boxs .main_title{
  font-size: 31px;
  font-weight: 600;
  margin: 1rem 0 1.5rem 0;

}
.property_details .similar_boxs .box_simi{
  width: 100%;
  margin-bottom: 2rem;
  border-radius: 18px;
  background: linear-gradient(rgb(70 70 70), rgb(95 95 95 / 30%), rgb(165 165 165 / 0%), rgb(65 64 64));

}
.property_details .similar_boxs .box_simi .cont{
  padding: 1rem;
  display: grid
;
  align-items: center;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);

}
.property_details .similar_boxs .box_simi .img_container{
  width: 100%;
  height: 100%;

}
.property_details .similar_boxs .box_simi .img_container img{
  width: 100% !important;
  height: 100%;
  object-fit: cover;

}
.property_details .similar_boxs .box_simi .list{

}
.property_details .similar_boxs .box_simi .list .title{
  font-size: 19px;

}
.property_details .similar_boxs .box_simi .desc{
  font-size: 14px;
  margin: 0.8rem 0;

}
.property_details .similar_boxs .box_simi .flex_desc{
  display: flex
;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 0.6rem 0;
  /* margin: 0% 5%; */
}
.property_details .similar_boxs .box_simi .flex_desc .single{
  color: #fff;
  background-color: rgba(38, 38, 38, 1);
  border-radius: 19px;
  display: flex
;
  align-items: center;
  padding: 0.3rem 0;
  width: 112px;
  padding-left: 3%;
}
.property_details .similar_boxs .box_simi .flex_desc .single img{
  width:22px;

}
.property_details .similar_boxs .box_simi .flex_desc .single div{
  font-size: 12px;
  padding-left: 0.3rem;
}
.property_details .similar_boxs .box_simi .price_desc{
  margin: 1rem 0 0 0;
  color:#fff

}
.property_details .similar_boxs .box_simi .price_desc span{
  font-weight: 800;
  font-size: 28px;

}
.property_details .box_average{
  margin: 5rem 0 3rem;
}
.property_details .box_average .cont{
  border-radius: 28px;
  background: linear-gradient(to bottom right, #605f5f, rgb(53 53 53 / 90%))
  /* background: linear-gradient(rgb(70 70 70), rgb(95 95 95 / 30%), rgb(165 165 165 / 0%), rgb(65 64 64)); */;

}
.property_details .box_average .cont .main_title{
  font-size: 37px;
  font-weight: 600;
  padding: 3rem 0 2rem;

}
.property_details .box_average .cont .size_flex .flex,
.property_details .box_average .cont .price_flex .flex{
  display: flex;
  align-items: center;
  gap:3rem;
  margin-top: 1rem;


}
.property_details .box_average .cont .flex_container{
  display: flex
  ;
      justify-content: space-between;
      width: 80%;
      align-items: center;
      margin: 0 auto;
      padding: 2rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5);
      color:#fff

}
.property_details .box_average .cont .flex_container:last-of-type{
  border: none;
}
/* .property_details .box_average .cont .flex_container:last-of-type{
  border: none;
}
.property_details .box_average .cont .flex_container:first-child .size_flex span,
.property_details .box_average .cont .flex_container:first-child .price_flex span {
    display: block;
}
 */
 .property_details .box_average .cont .flex_container.first_titles{
  border: none;
  padding: 0;
 }
.property_details .box_average .cont .flex_container:not(:first-child) .size_flex span,
.property_details .box_average .cont .flex_container:not(:first-child) .price_flex span {
    display: none;
}
.property_details .box_average .cont .flex_container span,  .property_details .box_average .cont .flex_container a{
  color:#fff
}
.logo_img{
  width:200px
}
.book_view .cont .main_title{
  text-align: left;
  font-size: 37px;
  font-weight: 600;
  padding: 3rem 0 2rem;
}
.book_view .cont .desc{
  color:#999999;
  padding: 1rem 0 2rem;
  font-size: 19px;
  width: 90%;

}
#contactForm_view{
  border-radius: 32px;
  position: relative;
  background: linear-gradient(to top left, rgb(78 78 78) 28%, rgb(95 95 95 / 0%), rgb(165 165 165 / 0%), rgb(84 84 84));
}

#contactForm_view .grid_container{
  padding: 2rem;
  display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem;
      row-gap: 0;


}
#contactForm_view .grid_container .col{
  height: 115px;
}
#contactForm_view .grid_container .col.col_3{
  height: 250px;
}
#contactForm_view .grid_container .col{
  display: flex
;
  gap: 0.3rem;
  flex-direction: column;
}
#contactForm_view .grid_container .col .desc_text{
  color:#fff;
  padding-bottom: 0.4rem;
}
#contactForm_view .grid_container .col .input_div{
  background: rgb(115 115 115 / 40%);
  border-radius: 5px;
  height: 45px;
  display: flex
;
  align-items: center;
  gap: 0.6rem;
  padding-left: 0.8rem;

}
#contactForm_view .grid_container .col .input_div img{
  width: 22px;

}
#contactForm_view .grid_container .col .input_div input::placeholder,
#contactForm_view .grid_container .col.col_3 textarea::placeholder{
  color: #fff;
}
#contactForm_view .grid_container .col.col_3 .input_div{
  height: 150px;
  padding: 1rem;
}
#contactForm_view .grid_container .col.col_3{
  grid-column: span 3;
}
#contactForm_view .grid_container .col.col_3 textarea{
  width: calc(100% - 2rem);
  height:150px;
  background-color: transparent;
  color:#fff;
  outline: none;
  border: none;
}
#contactForm_view .grid_container .col.col_2 .input_div{
  padding: 1rem 0;
}
#contactForm_view .grid_container .col .input_div select{
  background: transparent;
  outline: none;
  border: none;
  color: #fff;
  width: calc(100% - 1rem);

}
#contactForm_view .grid_container .col .input_div input{
  background-color: transparent;
  outline: none;
  border: none;
  color:#fff

}
#contactForm_view .abs_img,
.sign_up .abs_img{
  position: absolute;
  bottom: 0;
  max-width: 100%;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
  width: 100%;
  left:0
}
#contactForm_view .flex_container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap:1rem;
  padding-bottom: 9rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
#contactForm_view option{
  color:#3a3a3a
}
#contactForm_view .flex_container #agreeCheckbox{

}
#contactForm_view .flex_container label{
  color: #fff;

}
#contactForm_view .flex_container .submit_view{
  background: #CEA669;
  color: #fff;
  padding: 0.5rem 2.2rem;
  border-radius: 11px;
  border: none;
  font-size: 18px;
  cursor: pointer;

}
/* .search_result .desc_title .desc{
  margin-bottom: 10rem;
} */
.search_result form.form_search,
.blogs_page form.form_search{
  top:0px
}
/* .blogs_page .search-realestate {
  top:50%
} */
.search_result .search-realestate {
  top:45%
}
.search_result form.form_search{
  top: 54px;
}
.search_result .content_result form {
  padding-bottom: 100px;
}
.home_page .blog{
background-color: #383838 !important;
padding: 4rem 0 5rem !important;

}
.home_page form.form_search{
width: 90%;
margin: 0 auto;
}
.search_result .desc_title .desc{
margin-bottom: 2rem;
}
/* .contact_us{
background-color: #383838;
} */
.contact_us .search-realestate {
top:50%
}
.get_started,
.about_us,
.details_blog,
.our_team_page .our_expert {
 background: linear-gradient(to bottom, #1e1e1e00, #272727 6%, #3a3a3a 40%, #383838 100%, #58585800 0% 73%);

}
.get_started .title{
text-align: center;
padding: 1rem 0;
color: #C6A45A;
font-weight: 700;
font-size: 40px;
}
.get_started .desc{
text-align: center;
color:#fff;
padding: 1rem 0;
font-size: 19px;

}
.get_started .grid-container{
padding: 2rem 0;
display: grid
;
  align-items: center;
  gap: 2rem;
  grid-template-columns: repeat(3, 1fr);

}
.get_started{
padding-bottom: 3rem;
position: relative;
top: -93px;
z-index: 11;
padding-top: 7rem;
}

.get_started .grid-container .col{
display: flex
;
    flex-direction: column;
    position: relative;
    align-items: center;
    justify-content: space-around;
    gap: 1rem;
    background: linear-gradient(to top left, rgb(144 144 144) 4% 0%, rgb(74 74 74), rgb(74 74 74), rgb(144 144 144));
    border-radius: 43px;
    padding: 2rem 1rem;
    min-height: 353px;
}
.get_started .grid-container .col img{
width: 106px;
object-fit: cover;

}
.get_started .grid-container .col .sub_title{
font-size: 25px;
font-weight: 600;
color: #fff;

}
.get_started .grid-container .col .sub_desc{
color: #A9AFC3;
  display: flex
;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  gap: 0.6rem;
  font-size: 22px;

}
.get_started .grid-container .col .sub_desc a{
color: #A9AFC3;

}
.talking_expert,
.our_expert,
.few_words{
padding: 1rem 0 5rem;
background-color: #383838;

}
.talking_expert .title{
color: #fff;
font-weight: 700;
font-size: 40px;

}
.talking_expert .desc{
padding: 1rem 0 2rem;
color: #999999;
font-size: 19px;
}
.talking_expert .type_group,
.talking_expert .date_group{
display: none !important;
}
.talking_expert .time_group{
grid-column: span 3;
}
.about_page .about_us,
.details_blog_page .details_blog,
.our_team_page .our_expert{
padding-bottom: 3rem;
position: relative;
top: -149px;
z-index: 11;
padding-top: 13rem;

}
.about_page .about_us .title,
.about_page  .our_expert .title{
position: relative;
color: #C6A45A;
font-size: 19px;
font-weight: 700;
left: 90px;
font-family: 'Poppins-Bold';

}
.about_page .about_us .title::before,
.about_page  .our_expert .title::before{
background-color: #C6A45A;
position: absolute;
content: '';
width: 77px;
height: 1px;
left: -47px;
top: 50%;
transform: translate(-50%);
}
.about_page .about_us .flex_col{
padding: 2rem 0;
display: flex
;
  align-items: center;
  gap: 2rem;
  flex-direction: column;
  justify-content: center;

}
.about_page .about_us .flex_col .col{
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
gap: 7rem;

}

.about_page .about_us .flex_col .col:nth-child(2) .second{
order:-1
}
.about_page .about_us .flex_col .col:first-child .title2{
font-size: 52px;

}
.about_page  .our_expert .title2{
font-size: 52px;
font-weight: 800;
color: #fff;
line-height: 58px;
padding: 3rem 0 0;
width: 90%;

}
.about_page  .our_expert .title2 .flex{
display: flex
;
    gap: 2rem;


}
.about_page  .our_expert .title2 .circle{
width: 10px;
height: 10px;
background: #C6A45A;
border-radius: 50%;

}
.about_page .about_us .flex_col .col .title2{
font-size: 25px;
font-weight: 800;
color: #fff;
line-height: 58px;
width: 90%;
display: flex;
flex-direction: column;
gap:1rem

}
.about_page .about_us .flex_col .col .desc,
.about_page .our_expert .desc{
color: #fff;
padding-top: 2rem;
font-size: 19px;

}

.about_page .about_us .flex_col .circle{
display: flex
;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}
.about_page .about_us .flex_col .col .first{
width: 100%;

}
.about_page .about_us .flex_col .col .second{
width: 85%;
position: relative;
left: 5%;

}
.about_page .about_us .flex_col .circle img{
width: 300px;
object-fit: cover;

}
.about_page .about_us .flex_col .circle .number_desc{
position: absolute;
color: #fff;
display: flex
;
flex-direction: column;
gap: 0.5rem;
justify-content: center;
align-items: center;
}
.about_page .about_us .flex_col .circle .number_desc span{
font-size: 66px;

}
.about_page .about_us .flex_col .circle .number_desc div{
font-size: 18px;

}
.about_page .swiper_expert,
.offplan_details_page .swiper_expert_offplan,
.home_only  .swiper_expert{
position: relative;
padding: 7rem 0 4rem;
overflow: hidden;
color: white;
}
.about_page .swiper_expert .swiper-slide.swiper-slide-active,
.offplan_details_page .swiper_expert_offplan .swiper-slide.swiper-slide-active,
.home_only .swiper_expert .swiper-slide.swiper-slide-active{
background: url(/images/bg_gradient.png);
transform: scale(1.05);
z-index: 2;
transform: scale(1.05);
  z-index: 2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.about_page .swiper_expert .swiper-slide,
.offplan_details_page .swiper_expert_offplan .swiper-slide,
.home_only  .swiper_expert .swiper-slide{
flex-shrink: 0;
position: relative;
transition: transform 0.3s ease;
width: auto; /* Let Swiper calculate */
margin: 0 !important;
display: flex;
flex-direction: column;
gap: 0.6rem;
/* background: linear-gradient(
  to bottom,
  rgb(114 114 114) 28%,
  rgb(120 120 120 / 80%),
  rgb(69 69 69 / 70%),
  rgb(81 79 79 / 70%)
); */
/* box-shadow: rgb(255 255 255 / 10%) 0px 3px 12px; */
}
.about_page .swiper_expert .swiper-slide::before,
.offplan_details_page .swiper_expert_offplan .swiper-slide::before,
.home_only  .swiper_expert .swiper-slide::before{
width:100%;
height:100%;
position: absolute;
content: '';
background: linear-gradient(to bottom, rgb(146 146 146) 28%, rgb(84 82 82 / 80%), rgb(50 49 49 / 70%), rgb(63 63 63 / 60%));
}
.about_page  .bg_empty {
height: 108px;
}
.about_page .swiper_expert .member-img,
.offplan_details_page .swiper_expert_offplan .member-img,
.home_only  .swiper_expert .member-img {
   width: 90%;
  padding-top: 5%;
  object-fit: cover;
  margin: 0 auto;
  position: relative;
}
.about_page .swiper_expert .member-info,
.offplan_details_page .swiper_expert_offplan .member-info,
.home_only  .swiper_expert .member-info{
width: 90%;
margin: 0 auto;
position: relative;
}
.about_page .swiper_expert .arrow,
.offplan_details_page .swiper_expert_offplan .arrow,
.home_only .swiper_expert .arrow{
padding-top: 1.4rem;
position: relative;
padding-bottom: 1rem;
}
.about_page .swiper_expert .swiper-button-next,
.home_only .swiper_expert .swiper-button-next,
.team_details .swiper_testimonials .swiper-button-next,
.about_page .swiper_expert .swiper-button-prev,
.home_only .swiper_expert .swiper-button-prev,
.team_details .swiper_testimonials .swiper-button-prev{
top:40px !important;

}

.about_page .swiper_expert .swiper-button-prev ,
.home_only .swiper_expert .swiper-button-prev,
.team_details .swiper_testimonials .swiper-button-prev{
color: #fff; /* white text */
font-size: 14px;
text-transform: uppercase;
border-bottom: 2px solid #fff;
padding-bottom: 3px;
width:50px
}

.about_page .swiper_expert .swiper-button-next,
.home_only .swiper_expert .swiper-button-next,
.team_details .swiper_testimonials .swiper-button-next {
color: #C6A45A; /* orange text */
width:50px;
font-size: 14px;
text-transform: uppercase;
border-bottom: 2px solid #C6A45A;
padding-bottom: 3px;
}

/* Remove default Swiper arrow icons */
.about_page .swiper_expert .swiper-button-next:after,
.home_only .swiper_expert .swiper-button-next::after,
.team_details .swiper_testimonials .swiper-button-next::after,
.about_page .swiper_expert .swiper-button-prev:after,
.home_only .swiper_expert .swiper-button-prev::after,
.team_details .swiper_testimonials .swiper-button-prev::after {
display: none;
}
.about_page .swiper_expert .swiper-button-prev,
.team_details .swiper_testimonials .swiper-button-prev{
left: 87% !important;
}
.about_page .swiper_expert .member-name{
padding: 0 0 0.3rem;
font-size: 19px;
}
.details_blog .grid_container.sections{
display: grid
;
  grid-template-columns: repeat(6, 1fr);
  gap: 3rem;
}
.details_blog .grid_container.sections .col:nth-of-type(2){
grid-column: span 3;
}
.details_blog .grid_container.sections .col:nth-of-type(1){
grid-column: span 1;
align-items: center;
}
.details_blog .grid_container.sections .col:nth-of-type(3){
grid-column: span 2;
}
.details_blog .grid_container.sections .col{
display: flex;
flex-direction: column;
gap: 1rem;
}
.details_blog .grid_container.sections .col .icon_social{
text-align: center;
background: #434343;
width: 77px;
height: 76px;
line-height: 101px;
border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.details_blog .grid_container.sections .col .flex_col .title{
color:#fff;
font-size: 25px;

}
.details_blog .grid_container.sections .col .flex_col:not(:first-of-type) .title{
padding-top: 1.5rem;
}
.details_blog .grid_container.sections .col .flex_col{
display: flex
;
    flex-direction: column;
    gap: 2rem;
}
.details_blog .grid_container.sections .col .flex_col .desc{
color:#B3B3B2
}
.details_blog .grid_container.sections .col .flex_col .img_container{
max-width: 100%;
}
.details_blog .grid_container.sections .col .flex_col .img_container img{
width: 100%;
}
.details_blog .grid_container.sections .col.third_section .art_director{
background: #434343;
border-radius: 15px;

}
.details_blog .grid_container.sections .col.third_section .art_director .flex{
padding: 2rem;
display: flex
;
    align-items: center;
    gap: 1.5rem;
}
.details_blog .grid_container.sections .col.third_section .art_director .flex img.direction{
width:68px

}
.details_blog .grid_container.sections .col.third_section .art_director .flex .name{
color:#fff;
font-size: 18px;
}
.details_blog .grid_container.sections .col.third_section .art_director .flex .mini_desc{
color:#B3B3B2;
font-size: 17px;
}
.details_blog .grid_container.sections .col.third_section .art_director .desc{
color:#B3B3B2;
font-size: 17px;
padding: 0 2rem;
}
.details_blog .grid_container.sections .col.third_section .art_director .position{
padding: 2rem 1rem 1rem
}
.details_blog .grid_container.sections .col.third_section .art_director .position .space_flex{
padding: 1rem;
background: rgba(255, 255, 255, 5%);
display: flex
;
justify-content: space-between;
align-items: center;
border-radius: 12px;

}
.details_blog .grid_container.sections .col.third_section .art_director .position .space_flex div{
display: flex
;
    gap: 0.7rem;
    align-items: center;
    color: #CCCCCC
}
.details_blog .grid_container.sections .col.third_section .art_director .grid_container{
display: grid
;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 1rem;
}
.details_blog .grid_container.sections .col.third_section .art_director .grid_container .col:last-of-type{
grid-column: span 4;
}
.details_blog .grid_container.sections .col.third_section .art_director .grid_container .col:first-of-type{
grid-column: span 1;
line-height: 73px;
}
.details_blog .grid_container.sections .col.third_section .art_director .grid_container .col{
background: rgba(255, 255, 255, 5%);
height:50px;
line-height: 50px;
display: flex;
border-radius: 12px;
align-items: center;
}

.details_likes,
.details_shared{
display: flex;
justify-content: flex-end;
gap:0.5rem;
width: 89%;

}

.about_number{
display: flex;
gap:0.5rem
}
.details_likes .text,
.details_shared .text,
.details_likes .number_like,
.details_shared .number_shared{
color:#fff
}
.details_blog_page .similar_blogs{
padding: 1rem 0 5rem;
background-color: #383838;
}
.details_blog_page .similar_blogs .grid-container{
display: grid
;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  text-align: center;
}
.details_blog_page .similar_blogs .blog_2_box.col{
display: none !important;

}
.details_blog_page .similar_blogs .grid-container .col{
display: flex
;
  flex-direction: column;
  width: 100%;
  gap: 0.4rem;
  /* padding: 1rem; */
  border-radius: 22px;
  grid-column: span 1 !important;
  background: linear-gradient(rgb(70 70 70), rgb(95 95 95 / 30%), rgb(165 165 165 / 0%), rgb(65 64 64));

}
.details_blog_page .similar_blogs .grid-container .col .img_container{
width: 90%;
  margin: 5% auto;
}
.details_blog_page .similar_blogs .grid-container .col .img_container img{
width: 100%;
}
.details_blog_page .similar_blogs .grid-container .date_desc{
display: flex
;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 90%;
    margin: 5% auto;

}
.details_blog_page .similar_blogs .grid-container .breif {
margin-top: 0 !important;
margin-bottom: 0 !important;
color:#fff;
font-size: 18px;
font-weight: 600;
text-align: left;
width: 90%;
  margin: 5% auto;
}

.details_blog_page .similar_blogs .grid-container .date img{
width: 22px;
}
.details_blog_page .similar_blogs .grid-container .text{
color: rgba(255, 255, 255, 0.7);
font-size: 13px;
width: 90%;
margin: 0% auto 5%;
text-align: left;

}
.details_blog_page .similar_blogs .grid-container .date{
color: rgba(255, 255, 255, 1);
display: flex
;
    align-items: center;
    gap: 0.5rem;
}
.details_blog_page .similar_blogs .grid-container{
display: grid
;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 2rem;
  padding-top: 3rem;
}
.our_team_page .few_words{
  padding-top: 3rem;

}
.our_team_page .few_words .grid_container{
  display: grid
;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;

}
.our_team_page .few_words .grid_container .col.grid_col{
  display: grid
  ;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    width: 90%;
    position: relative;
    top:-3rem


}
.our_team_page .few_words .grid_container .col.grid_col .box_col{
 display: flex
;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  height: 274px;

}
.our_team_page .few_words .grid_container .col.grid_col .box_col:hover{
  opacity: 0.7;
}
.our_team_page .few_words .grid_container .col.grid_col .box_col:first-of-type{
  background: linear-gradient(to bottom, #ffffff00, #383838 6%, #a1a1a1 49% 40%, #eeeeee);
}
.our_team_page .few_words .grid_container .col.grid_col .box_col:nth-of-type(2){
  background: linear-gradient(to bottom, #ffffff00, #383838 6%, #a1a1a1 49% 40%, #eeeeee);
  margin-top: 4rem;
}
.our_team_page .few_words .grid_container .col.grid_col .box_col:last-of-type{
  background: linear-gradient(to top, #ffffff00, #383838 6%, #a1a1a1 49% 40%, #eeeeee);
}
.our_team_page .few_words .grid_container .col.grid_col .box_col:nth-of-type(3){
  background: linear-gradient(to top, #ffffff00, #383838 6%, #a1a1a1 49% 40%, #eeeeee);
  margin-top: -4rem;
}
.our_team_page .few_words .grid_container .col.grid_col .box_col .num{
  color: #fff;
  font-weight: 700;
  font-size: 50px;
  display: flex;
  gap:0.4rem;
  position: relative;


}
.our_team_page .few_words .grid_container .col.grid_col .box_col .num span{
  color:#C6A45A;
  font-size: 30px;
  font-weight: 400;
  position: absolute;
  right: -23px;

}
.our_team_page .few_words .grid_container .col.grid_col .box_col .text{
  font-weight: 600;
  text-align: center;
  width: 94%;
  margin: 0 auto;

}
.our_team_page .few_words .grid_container .col.flex_dir_col{
  display: flex
  ;
    flex-direction: column;
    gap:1rem

}
.our_team_page .few_words .grid_container .col.flex_dir_col .title.f_title{
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
  display: flex
;
  color: #A9AFC3;
  align-items: center;
  gap: 1rem;
}
.our_team_page .few_words .grid_container .col.flex_dir_col .title.f_title .line{
  background-color: #A9AFC3;

    width: 77px;
    height: 1px;

}
.our_team_page .few_words .grid_container .col.flex_dir_col .sub_title{
  color: #fff;
    font-weight: 800;
    font-size: 50px;
    text-transform: capitalize;
}
.our_team_page .few_words .grid_container .col.flex_dir_col .desc{
  color: #fff;
  font-size: 22px;
}
.our_team_page .few_words .grid_container .col.flex_dir_col .title{
  font-weight: 700;
  font-size: 17px;
  color:#fff
}
.our_team_page .few_words .grid_container .col.flex_dir_col img{
  width: 26px;
}
.our_team_page .few_words .grid_container .col.flex_dir_col .flex{
  display: flex;
  padding-top: 2rem;
  gap:1rem;
  align-items: flex-start;
}
.our_team_page .few_words .grid_container .col.flex_dir_col .flex .desc{
  color: rgba(255, 255, 255, 0.7);
  padding-top: 1rem;
  font-size: 16px;
}
.offplan_page .grid_offplan,
  .home_only .grid_offplan{
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2rem;

}
.offplan_page .grid_offplan .col,
.home_only .grid_offplan .col{

  background: linear-gradient(to top left, rgb(78 78 78) 28%, rgb(95 95 95 / 0%), rgb(165 165 165 / 0%), rgb(84 84 84)) !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 2rem;
  align-items: center;


}
.offplan_page .grid_offplan .col .img_Container,
.home_only .grid_offplan .col .img_Container{
  width: calc(100% - 2rem);
    padding-top: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
    border-radius: 18px;
    height: calc(100% - 2rem);
}
.offplan_page .grid_offplan .col .img_Container img,
.home_only .grid_offplan .col .img_Container img{
  width:100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.offplan_page .grid_offplan .col .flex-col,
.home_only .grid_offplan .col .flex-col{
  display: flex
  ;
      flex-direction: column;
      gap: 1.5rem;
      justify-content: flex-start;
      align-items: flex-start;
      text-align: start;
      width: calc(100% - 2rem);
    padding-top: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
}
.offplan_page .grid_offplan .col .flex-col .name_offplan,
.home_only .grid_offplan .col .flex-col .name_offplan{
  color: #fff;
  font-size: 18px;
  padding-bottom: 0.8rem;
}
.offplan_page .grid_offplan .col .flex-col .location,
.home_only .grid_offplan .col .flex-col .location{
  font-size: 21px;
}
.offplan_page .grid_offplan .col .flex-col .flex,
.home_only .grid_offplan .col .flex-col .flex{
  display: flex;
  align-items: center;
  gap:0.7rem;
  color:#fff;
}
.offplan_page .grid_offplan .col .flex-col .flex.center,
.home_only .grid_offplan .col .flex-col .flex.center{
  border: 1px solid #CEA669;
  padding: 0.6rem;
  width: 89%;
  color: #CEA669;
  border-radius: 10px;
  text-align: center;
  display: flex
;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}
.offplan_page .grid_offplan .col .flex-col .line,
.home_only .grid_offplan .col .flex-col .line{
  background-color: #FFFFFF4D;
  height:0.5px;
  border:none;
  width: 89%;
}
.offplan_page .grid_offplan .col .flex-col .desc,
.home_only .grid_offplan .col .flex-col .desc{
  padding: 0;
  margin: 0;
  color:#fff;
  font-size: 18px;
}
.home_only .grid_offplan{
  padding: 3rem 0 1rem;

}
.home_only .grid_offplan .col{
  border-radius: 22px;
}
.offplan_page .sign_up{
  background-color: #383838;
  padding: 0rem 0 7rem;
}
.offplan_page .sign_up .content{
  border-radius: 32px;
  position: relative;
  min-height: 400px;
  background: linear-gradient(to top left, rgb(78 78 78) 28%, rgb(95 95 95 / 0%), rgb(165 165 165 / 0%), rgb(84 84 84));
}
.offplan_page .sign_up .content .flex_col{
  width: calc(100% - 6rem);
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
  padding-right: 3rem;
  margin: 0 auto;
  display: flex
;
  flex-direction: column;
  gap: 1rem;
}
.offplan_page .sign_up .content .flex_col .title{
  font-size: 19px;
  font-weight: 600;
  color:#fff

}
.offplan_page .sign_up .content .flex_col .desc{
  font-size: 15px;
    color: #fff;
    width: 89%;
}
.signup_email_form{
  width: 60%;
  height: 144px;

}
.signup_email_form .contact_email{
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 12px;
  margin-top: 2rem;
  display: flex
;
  align-items: center;
  justify-content: space-between;
  /* padding: 0.5rem; */

}
.signup_email_form .contact_email .flex {
  display: flex
;
  gap: 1rem;
  width: 91%;
}
.signup_email_form .contact_email button {
  background-color: transparent;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 0.9rem 1rem;
    background-color: #C6A45A;
    display: flex;
    color:#fff;
    font-size: 17px;
    align-items: center;
    gaP: 0.5REM;
   border-top-right-radius: 12px;
   border-bottom-right-radius: 12px;
}
.signup_email_form .left_s{
  left: 1rem;

}
.signup_email_form .contact_email button img{
  width: 17px;
}
.signup_email_form .contact_email .flex input {
  background: transparent;
  width: 90%;
  outline: none;
  border: none;
  font-size: 17px;
  padding: 0.9rem;
}
.team_details .grid_container.details_section{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  gap: 2rem;
  /* height: 100vh; */
  position: relative;
  background: linear-gradient(to top, #1e1e1e00, #383838 7%, #383838, #383838 100%, #58585800 0% 73%);
    top: -2rem;
}
.team_details .grid_container.details_section .col.pic{
  grid-column: span 1;
  position: relative;
}
.team_details .bg_shadow{
  background: url(/images/bg_shadow.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 167px;
  position: relative;
  top: -198px;
  z-index: 15;
}
.team_details .grid_container.details_section .col.pic img{
  width:100%;
  object-fit: cover;
}
.team_details .grid_container.details_section .info_desc.col{
  grid-column: span 2;
  display: flex
;
  flex-direction: column;
  position: relative;
  z-index: 11;
  gap: 1rem;
}
.team_details .grid_container.details_section .info_desc.col .name_team{
  width: 90%;
  color: #fff;
  font-size: 33px;

}
.team_details .grid_container.details_section .info_desc.col .pos{
  font-size: 20px;
    color: #fff;
    margin-top: -0.8rem;
    width: 90%;

}
.team_details .grid_container.details_section .info_desc.col .title{
  display: flex;
  align-items: center;
  gap:1.5rem;
  color:#C6A45A;
  font-weight: 800;
  width: 90%;
  text-transform: uppercase;
}
.team_details .grid_container.details_section .info_desc.col .title div{
  font-family: 'Poppins-Bold';
}
.team_details .grid_container.details_section .info_desc.col .title .line{
  background-color: #C6A45A;
  width:70px;

  height:1px
}
.team_details .grid_container.details_section .info_desc.col .desc{
  width: 90%;
  color:#fff;
  font-size: 17px;
  line-height: 41px;
}

.team_details .box_details{
  position: relative;
  width: 100%;
  background: linear-gradient(to bottom, #1e1e1e00, #383838 7%, #383838, #383838 100%, #58585800 0% 73%);
  top: -230px;
  padding-top: 200px;
}
.team_details .box_details .box_container{
  width:75%;
  max-width: 1400px;
  margin: 0 auto;
  border-radius: 30px;
  background: linear-gradient(to top left, rgb(78 78 78) 28%, rgb(95 95 95 / 0%), rgb(165 165 165 / 0%), rgb(84 84 84));
}
.team_details .box_details .box_container .grid_container{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  gap: 2rem;
  position: relative;
  padding: 4.5rem 0;
  top: 0rem;
}
.team_details .box_details .box_container .grid_container .col{
  display: flex
  ;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 1rem;
      color:#fff
}
.team_details .box_details .box_container .grid_container .col img{
  width:50px

}
.team_details .box_details .box_container .grid_container .col .title{
  color:#FFFFFF99;
  font-size: 24px;

}
.team_details .box_details .box_container .grid_container .col .desc{
  font-size: 21px;

}
.team_details.our_team_page .our_expert{
  background-color: #383838 !important;
  background-image: none !important;
  padding-top: 0 !important;
  padding-bottom: 0;
}
.team_details.our_team_page.about_page .swiper_expert{
  padding-bottom: 0;
}
.team_details.our_team_page .testimonials_section .title{
  position: relative;
    color: #C6A45A;
    font-size: 19px;
    font-weight: 700;
    left: 90px;
    font-family: 'Poppins-Bold';
}
.team_details.our_team_page .testimonials_section .title2{
  font-size: 52px;
    font-weight: 800;
    color: #fff;
    line-height: 58px;
    padding: 3rem 0 0;
    width: 90%;
}
.team_details.our_team_page .testimonials_section .desc{
  color: #fff;
  padding-top: 2rem;
  font-size: 19px;
}
.content_testimonials{
  padding: 0 !important;
  position: relative;
  top: -4rem;
}
.team_details.our_team_page .testimonials_section .swiper_testimonials{
  padding-top: 7rem;

}
.team_details.our_team_page .testimonials_section.titles_section .title{
  position: relative;
    color: #C6A45A;
    font-size: 19px;
    font-weight: 700;
    left: 90px;
    font-family: 'Poppins-Bold';
}
.team_details.our_team_page .testimonials_section.titles_section .title::before{
  background-color: #C6A45A;
    position: absolute;
    content: '';
    width: 77px;
    height: 1px;
    left: -47px;
    top: 50%;
    transform: translate(-50%);
}
.team_details.our_team_page .testimonials_section.titles_section .title2{
  font-size: 52px;
    font-weight: 800;
    color: #fff;
    line-height: 58px;
    padding: 3rem 0 0;
    width: 90%;
}
.team_details.our_team_page .testimonials_section.titles_section .flex{
  display: flex
  ;
      gap: 2rem;
}
.team_details.our_team_page .testimonials_section.titles_section .desc{
  color: #fff;
  padding-top: 2rem;
  font-size: 19px;
  width:80%
}
.team_details.our_team_page .testimonials_section.titles_section  .swiper_testimonials{
  /* margin-top: 3rem; */
  position: relative;
  overflow: hidden;
}
.team_details.our_team_page .testimonials_section.titles_section  .swiper_testimonials .title_slide{

  color: #fff;
  padding: 1.5rem 1.5rem 0.5rem;
  font-size: 19px;
}

.team_details.our_team_page .testimonials_section.titles_section  .swiper_testimonials .desc_slide{
  color:#FFFFFFB2;
  padding: 0 1.5rem 1.5rem;
}
.team_details.our_team_page .testimonials_section.titles_section  .swiper_testimonials .swiper-slide{
  border-radius: 10px;
  background-color: #FFFFFF4D;
  /* margin: 1rem; */
  width: 300px;
  margin-right: 2%;
}
.team_details.our_team_page .testimonials_section.titles_section .testimonials-info.flex_col{
  display: flex
  ;
      flex-direction: column;
      gap: 1.5rem;
      background: #3a39394d;

}
.team_details.our_team_page .testimonials_section.titles_section .swiper_testimonials .second_section.bg_dark{
  padding: 1.5rem 1.5rem;
  background: #00000069;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;

}
.team_details.our_team_page .testimonials_section.titles_section .swiper_testimonials .flex {

  gap:1rem;
}
.team_details.our_team_page .testimonials_section.titles_section .swiper_testimonials .flex img{
  width:60px;
  object-fit: contain;
}
.team_details.our_team_page .testimonials_section.titles_section .swiper_testimonials .flex .flex_col{
  display: flex
  ;
      flex-direction: column;
      gap: 0.5rem;
}
.team_details.our_team_page .testimonials_section.titles_section .swiper_testimonials .flex .flex_col .name{
  color: #F3DFD8;
  font-size: 18px;
  text-transform: capitalize
}
.team_details.our_team_page .testimonials_section.titles_section .swiper_testimonials .flex .flex_col .pos_testi{
  color:#81807E;
  font-size: 16px;
  text-transform: capitalize
}
.property_details .content .flex_container.start_align{
  align-items: self-start;
}
#images_details .overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border-radius: 10px !important;
  background: rgba(0,0,0,0.5);
  color: #fff;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.property_details .content .flex_container#images_details{
  gap:1.4rem ;

}
.maps-section{
  display: flex
  ;
      flex-direction: column;
      gap: 2rem;
      margin: 3rem 0 1rem;
      width: 90%;
      border-radius: 10px;
}
.map-container {
  height: 400px;
  width: 100%;
}
.offplan_details_page.property_details .overlay_orange{
  background: linear-gradient(to top, #383838, #CEA669);
  height: 370px;
  width: 100%;
  position: absolute;
  top:0;
  left:0

}

#map-container iframe{
  border-radius: 15px !important;
}
#images_details .col {
  position: relative;
  width: 100%;
  height: 100%;
}
#images_details .col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.offplan_details_page .content .flex_container.grid_desc .col.small{
  border-radius: 12px;
    width: 55%;
    background: linear-gradient(to bottom right, #797979, rgb(67 67 67 / 70%), rgb(67 67 67 / 70%), #797979)


}
.offplan_details_page .content .flex_container.grid_desc .col.small .starting_price{
  display: flex
  ;
      gap: 1.5rem;
      flex-direction: column;
      padding: 2rem;
      width: calc(100% - 4rem);
}
.offplan_details_page .content .flex_container.grid_desc .col.small .starting_price .title{
  font-weight: 500;
  font-size: 17px;
}
.offplan_details_page .content .flex_container.grid_desc .col.small .starting_price .price_sta{
  font-weight: 700;
  font-size: 25px;
  color: #fff;
    display: flex
;
    gap: 1rem;
    width: 100%;
}
.offplan_details_page .content .flex_container.grid_desc .col.small .starting_price .flex-col{
  display: flex
  ;
      gap: 1.5rem;
      flex-direction: column;
}
.offplan_details_page .content .flex_container.grid_desc .col.small .starting_price .flex-col .flex_row{
  display: flex
  ;
      gap: 1.5rem;
      align-items: center;
}
.offplan_details_page .content .flex_container.grid_desc .col.small .starting_price .flex-col .flex_row .sub_title{
  color:#FFFFFFB2
}
.offplan_details_page .content .flex_container.grid_desc .col.small .starting_price .flex-col .flex_row .sub_desc{
  color:#fff
}
.offplan_details_page .content .flex_container.grid_desc .col.small .starting_price .buttons{
  display: flex
  ;
      gap: 1.5rem;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;

}
.offplan_details_page .content .flex_container.grid_desc .col.small .starting_price .buttons .btn{
  display: flex
  ;
      justify-content: center;
      align-items: end;
      color: #fff;
      background: linear-gradient(to right, #C6A45A, #FFFFFF99);
      width: 90%;
      padding: 0.4rem 0;
      font-size: 16px;
      border-radius: 7px;

}
.offplan_details_page  .paymant_plans{
  padding: 1rem 0;
  width: 100%;
}
.offplan_details_page  .paymant_plans .boxes_paymant_plans{
  margin: 1rem 0;
  grid-template-columns: repeat(3, 1fr);
    padding-top: 2rem;
    gap: 1.5rem;
    display: grid
;
    align-items: center;

}
.offplan_details_page  .paymant_plans .boxes_paymant_plans .col img{
  width: 33px !important;
}
.offplan_details_page  .paymant_plans .boxes_paymant_plans .col .sub_title_Pay{
  color:#fff;
  text-align: center;
  height:50px

}
.offplan_details_page  .paymant_plans .boxes_paymant_plans .col .sub_num_Pay{
  font-size: 35px;
  color:#C6A45A;
  text-align: center;

}
.offplan_details_page  .paymant_plans .boxes_paymant_plans .col{
  grid-column: span 1 !important;
  grid-row: span 1 !important;
  display: flex
;
  flex-direction: column;
  justify-content: center;
  align-items: center !important;
  gap: 1rem;
  padding: 3rem 1rem;
  background: linear-gradient(to bottom right, #797979, rgb(67 67 67 / 70%), rgb(67 67 67 / 70%), #797979);
  border-radius: 14px;
}
.home_only .our_expert .text-content{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:1rem
}
.home_only .our_expert .text-content .title{
  color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-size: 39px;
    text-align: center
}
.home_only .our_expert .text-content .desc{
  color: rgba(153, 153, 153, 1);
  width: 90%;
  text-align: center
}
.offplan_details_page .our_expert{
  background-color: transparent;
  padding: 2rem 0 !important;
  width:100%
}
.offplan_details_page .our_expert .member-img{
  width: 90% !important;
}
.offplan_details_page .swiper_expert_offplan{
  padding: 2rem 0 1rem !important;
}
.offplan_details_page .swiper_expert_offplan .swiper-slide{
  width:240px !important
}
.offplan_details_page.property_details .content .flex_container.grid_desc .col.big{

  width: 58%;

}
.offplan_details_page .content .flex_container.grid_desc .col.small{
  width: 38%;

}
/* .shared_btn,
.like_btn{
  cursor: pointer;
} */
.business_card_page .content{
  display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 100vh;

}
.business_card_page .grid_container{
  display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    padding: 2rem 0;
    align-items: center;

}
.business_card_page .grid_container .col.img_container{
grid-column: span 2;
}
.business_card_page .grid_container .col{
width:100%;
grid-column: span 1;
}
.business_card_page .grid_container .col.img_container img{
width: 100%;

}
.business_card_page{
height: 100%;
position: relative;
padding: 2rem 0;
background: linear-gradient(#686868 28%, rgb(78 78 78), rgb(96 96 96), rgb(103 103 103));
}
.business_card_page .col.details_card_business{
padding: 2rem 0;
}
.business_card_page .col.details_card_business .flex_col{
display: flex;
flex-direction: column;
gap:1rem

}
.business_card_page .col.details_card_business .flex_col .title{
color: #fff;
font-size: 34px;
font-weight: 800;
letter-spacing: 5px;
}
.business_card_page .col.details_card_business .flex_col .job_title{
color: #fff;
font-size: 20px;
/* font-weight: 800; */
letter-spacing: 5px;

}
.business_card_page .col.details_card_business .flex_col .company_name{
color: #C6A45A;
font-size: 20px;
/* font-weight: 800; */
letter-spacing: 5px;

}
.business_card_page .col.details_card_business .flex_col .text,
.business_card_page .col.details_card_business .flex_col .text a{
color: #C6A45A;
font-size: 19px;
}
.business_card_page .col.details_card_business .flex_col .text span{
padding-right: 0.5rem;
color: #fff;


}
.business_card_page .col.details_card_business .flex_col .flex{
display: flex;
gap:1rem;
align-items: center;
}
.business_card_page .col.details_card_business .flex_col .flex a{
color: #fff;
font-size: 19px;
}
.business_card_page .btn_contact{
width: 80%;
  padding: 1rem 0;
  background-color: #C6A45A;
  color: #fff;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
  text-align: center;
  font-size: 18px;
}
.business_card_page .btn_contact a{
color: #fff;
}
.business_card_page .btn_contact:hover{
transform: scale(1.1);
}
.business_card_page a:hover{
  opacity: 0.8;
}
.main_pagination{
  display: flex
  ;
      justify-content: center;
      align-items: center;
      width: 80%;
      margin: 0 auto;
}
.main_pagination .pagination-wrapper ul{
  display: flex
  ;
      justify-content: center;
      padding: 0;
      gap:1rem;
      align-items: center;
}
.main_pagination .pagination-wrapper .number_list_pag{

    font-size: 30px;
    background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
    color: #fff;
    width: 50px;
    border-radius: 9px;
    text-align: center;
}

.main_pagination .pagination-wrapper .number_list_pag_link{
  background: linear-gradient(to bottom, rgb(203 203 203 / 80%), rgb(96 96 96 / 90%));
  color: rgba(255, 255, 255, 0.72);
  width: 50px;
  font-size: 30px;
  border-radius: 9px;
  text-align: center;
}
.main_pagination .pagination-wrapper .number_list_pag_link a{
  color:#383838
}
.main_pagination .pagination-wrapper .next img{
  transform: rotate(180deg);
}
.main_pagination .pagination-wrapper li{
  height:45px;
  display: flex;
  justify-content: center;
  align-items: center;

}
.main_pagination .pagination-wrapper li a{
  height: 100%;
  display: flex
;
  align-items: center;
  justify-content: center;
}

.main_pagination .pagination-wrapper li.flex_end{
  align-items: flex-end;
}
.main_pagination .pagination-wrapper li.flex_end div{
  margin-left: 0.3rem;
}
.main_pagination .pagination-wrapper li a.next.disabled,
.main_pagination .pagination-wrapper li a.prev.disabled{
  opacity: 0.5;
  pointer-events: none;
}

.select2-container--default .select2-selection--single{
    background-color: transparent !important;
    border: none !important;
    overflow: hidden;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: white !important;
}
.select2-container--open .select2-dropdown--below{
    background-color: lightgray;
}
.select2-container--default .select2-selection--multiple{
    background-color: #9f9f9f00 !important;
    border: none !important;
}

.select2-container--default .select2-results>.select2-results__options{
    overflow: hidden !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: gray !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear{
    display: none;
}

.all-properties{
    background-color: rgba(206, 166, 105, 1);
    color: #fff;
    border-radius: 8px;
    width: 237px;
    height: 52px;
    line-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}