* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html{
  font-family: "Raleway", sans-serif;
}
body{
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  background: #111111;
}
.nocopy {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}



/*.inner,
.picture,
.video-wrapper,
.logoL_main,
.logoR_main,
.card,
.img,
.masked,
.carousel_team,
.tickets__ticket {
  will-change: transform, opacity;
  transform: translateZ(0);
  backface-visibility: hidden;
}*/

.banner_area_main {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}



.inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.main_header_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  z-index: 99999999;
  padding: 0 50px 0;
  transition: ease-in-out 0.6s;
}
.main_header_area.header_sticky {
  background: #111;
  transition: ease-in-out 0.6s;
}
.header_menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header_menu ul li a {
  padding: 0 18px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  font-weight: 400;
}
.header_left img {
  width: 70px;
}
.header_menu ul li {
  list-style: none;
}
.header_right a {
  text-decoration: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 13px;
}
.screen {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
}
.picture{
  width: 100%;
  height: 100%;
}
.picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section{
  width: 100%;
  height: 100vh;
}
.video-wrapper video{
  width: 100%;
}
.banner_area_main {
  position: relative;
}
.video_overlay {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
}
.banner_main_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 34%;
  width: 74%;
  padding: 0 50px;
  z-index: 999999;
  text-align: center;
  right: 0;
  margin: 0 auto;
  left: 0;
}
.banner_up_search_area {
  width: 100%;
}
.main_srch_frm {
  background: #eee;
  border-radius: 100px;
  padding: 0 20px;
  height: 70px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.main_srch_frm form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 10px;
}
.banner_text_area h2 {
  font-size: 52px;
  color: #d3b062;
  font-weight: 700;
}
.banner_text_area h1 {
  font-size: 58px;
  color: #fff;
  font-weight: 200;
}
.banner_text_area p {
  font-size: 21px;
  color: #fff;
  margin: 3px 0 0;
  font-weight: 200;
}
.banner_form_booking {
  width: 400px;
  padding: 30px;
  height: fit-content;
  background-color: rgba(255, 255, 255, 0.1);
  /* border: 1px solid rgba(255, 255, 255, 0.5); */
  border-radius: 6px;
  z-index: 9999;
  backdrop-filter: blur(25px);
  box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.2), -10px -10px 40px rgba(0, 0, 0, 0.2);
}
.header_right a span {
  width: 42px;
  height: 42px;
  background: #d3b062;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.getqt {
  background: #fff !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 150px !important;
  height: 42px !important;
  border-radius: 50px;
  color: #000;
}
.header_right a span svg {
  width: 19px;
  color: #fff;
}
.baner_btn_main a {
  text-decoration: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 21px 0 0;
}
.btntxt {
  background: #d3b062;
  color: #000;
  text-decoration: none;
  width: 170px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  border-radius: 50px;
  font-size: 14px;
}
.btnarw {
  width: 46px;
  height: 46px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.btnarw svg {
  width: 20px;
  color: #000;
}
.baner_btn_main {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 31px 0 0;
}
.baner_btn_main a:nth-child(2) .btntxt {
  background: transparent;
  border: 1px solid #d3b062;
  color: #d3b062;
}
.baner_btn_main a:nth-child(2) .btnarw {
  background: transparent;
  border: 1px solid #d3b062;
  color: #d3b062;
}
.baner_btn_main a:nth-child(2) .btnarw svg {
  color: #d3b062;
}

/*==== Dropdown ====*/

.gsap-select {
  width: 100%;
  position: relative;
  margin: 0 0 0;
  background: #fff;
  border-radius: 50px;
}
.selected {
  font-size: 13px;
  position: relative;
  top: 2px;
}
.select-box {
  width: 100%;
  border: none;
  padding: 12px 15px;
  border-radius: 4px;
  color: #000;
  background-color: rgba(255, 255, 255, 0.1);
  /* border: 1px solid rgba(255, 255, 255, 0.4); */
  display: flex;
  justify-content: space-between;
}
.gsap-select h3 {
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  margin: 0 0 11px;
}

.arrow{
  display:inline-block;
}

.options {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 8px 25px rgba(0,0,0,.12);
  overflow: hidden;
  display: none;
  z-index: 10;
  text-align: left;
}

.options li {
  padding: 10px 15px;
  cursor: pointer;
  opacity: 0;
  transform: translateY(-10px);
  font-size: 14px;
}

.options li:hover{
  background:#f2f2f2;
}
.banner_up_search_area p {
  color: #fff;
  font-size: 18px;
  margin: 7px 0 25px;
}

/* ======= Budget Slider ========== */


.budget-slider{
  width: 100%;
  font-family: Arial, sans-serif;
}

.budget-slider .label {
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  display: flex;
  justify-content: space-between;
}

.track {
  position: relative;
  height: 3px;
  background: #ddd;
  border-radius: 10px;
}

.fill{
  position: absolute;
  height: 100%;
  width: 0%;
  background: #d3b062;
  border-radius: 10px;
}

.thumb {
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  background: #d3b062;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.show_projct input {
  width: 100%;
  /* border: none; */
  padding: 16px 35px;
  border-radius: 50px;
  color: #000;
  margin-top: 0;
  background-color: #d3b062;
  /* border: 1px solid rgba(255, 255, 255, 0.4); */
  transition: 0.5s ease;
  cursor: pointer;
  font-weight: 200;
  text-transform: uppercase;
  font-size: 13px;
  border: 0;
}
.show_projct {
  margin: 0 0 0 20px;
}
.banner_up_search_area h1 {
  font-size: 40px;
  color: #fff;
  font-weight: 400;
}
.banner_up_search_area h2 {
  font-size: 40px;
  color: #fff;
  font-weight: 200;
}


/*===============================*/

.effect {
  position: relative;
  height: 111vh;
  overflow: hidden;
  padding: 46px 0 0 0;
}

.effect .img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.effect .svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.spacer {
  height: 200vh;
}

/*====================*/

.main_content {
  position: relative;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}





/*section.tickets {
  background-color: #0a2236;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
}*/
section.tickets:hover {
  cursor: pointer;
}

.tickets__wrapper {
  position: relative;
  min-width: 20%;
  min-height: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.tickets__ticket {
  background-color: #fff;
  border-radius: 25px;
  width: 50vw;
  height: 19vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.tickets__ticket:nth-child(2) {
  background-color: #fff;
}
.tickets__ticket:nth-child(3) {
  background-color: #fff;
}
.exc_right p {
  font-size: 14px;
  margin: 0 0 10px;
  line-height: 21px;
}
.exc_right ul li {
  font-size: 14px;
  line-height: 21px;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.exc_right ul {
  margin: 0 0 18px;
}
.exc_button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.exc_button .btntxt {
  font-size: 13px;
  width: 136px;
  height: 40px;
}
.exc_button a {
  text-decoration: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.exc_right {
  width: 70%;
  padding: 0 30px;
}
.exc_right h3 {
  font-size: 25px;
  margin: 0 0 8px;
}
.exc_button a:nth-child(1) {
  margin: 0 12px 0 0;
}
.exc_button a .btnarw svg {
  color: #fff;
}
.exc_left {
  width: 43%;
}
.exc_left img {
  height: 19.2vw;
  width: 100%;
  object-fit: cover;
  border-radius: 25px;
}
.exc_button .btnarw {
  background: #000;
  height: 40px;
  width: 40px;
}
.exc_right ul li svg {
  width: 14px;
  margin: 0 5px 0 0;
}
.exclu_head {
  position: absolute;
  top: 123px;
  left: 0;
  right: 0;
  text-align: center;
}
.exclu_head h2 {
  color: #d3b062;
  font-weight: 200;
  font-size: 32px;
  margin: 0 0 7px;
}
.exclu_head p{
  color: #fff;
}


/*======== Logo Effect Start ============*/

.main {
  position: relative;
}
.logoL_main {
  position: fixed;
  left: 48.7%;
  top: 86%;
  z-index: 99999;
  width: 30px;
}
.logoR_main {
  position: fixed;
  right: 48.7%;
  top: 86%;
  z-index: 99999;
  width: 30px;
}



/*============= Card Section Buy Sell Start ================*/

.section,
.spacer {
  width: 100%;
  height: 100vh;
  position: relative;
}

.cards-section {
  width: 100%;
  height: 110vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: #000;
}

.card {
  width: 100%;
  max-width: 1400px;
  height: 600px;
  max-height: 100vh;
  overflow: hidden;
  position: absolute;
  border-radius: 50px;
}

.card-slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card:last-child {
  margin-bottom: 0;
}
.card-slide img {
  width: 100%;
  height: 100%;
}
.buy_icon svg {
  width: 18px;
}
.buysell_card_inn {
  position: absolute;
  top: 0;
  left: 0;
  padding: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 600px;
  width: 100%;
}
.buysell_card_right img {
  width: 400px;
  height: 400px;
  border-radius: 300px;
}
.buysell_card_left h2 {
  font-size: 44px;
  color: #cdac60;
  font-weight: 200;
  margin: 0 0 11px;
}
.buysell_card_left p {
  color: #fff;
  font-size: 18px;
  width: 60%;
  line-height: 27px;
  margin: 0 0 34px;
}
.buybtn {
  background: #cdac60;
  width: 120px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  color: #000;
}
.buysell_card_left a {
  text-decoration: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.buy_icon {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50px;
}
.buy_icon svg {
  color: #000000;
}
.buysell_card_left {
  position: relative;
  top: 74px;
}





.mask-section{
  height:100vh;
}

/* wrapper that gets pinned */
.mask-wrap {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background: #111010;
}

/* video stays inside pinned area */
.mask-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
}

/* mask layer */
/*.mask-layer{
  position:absolute;
  inset:0;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  mix-blend-mode:screen;
  z-index:2;
}*/

.mask-layer {
  position: absolute;
  inset: 0;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  mix-blend-mode: multiply;
  z-index: 2;
}


/* text */
.mask-text {
  font-size: 150px;
  font-weight: 800;
  transform-origin: center;
  will-change: transform, opacity;
  color: #d3b062;
}
.masking_main_content_left {
  width: 50%;
}
.abt_enq_icon svg {
  width: 19px;
}
.masking_main_content_left img {
  width: 100%;
  height: 525px;
  object-fit: cover;
  border-radius: 40px;
}
.masking_main_content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.masking_main_area {
  padding: 141px 50px 100px;
}
.masking_main_content_right {
  width: 50%;
  background: #202020;
  padding: 43px;
  position: relative;
  left: -100px;
  border-radius: 40px;
}
.masking_main_content_right p {
  color: #fff;
  font-size: 15px;
  padding: 4px 0;
  line-height: 23px;
}
.masking_main_content_right ul li {
  color: #fff;
  font-size: 14px;
  padding: 3px 0;
}
.masking_main_content_right h3 {
  color: #d3b062;
  font-size: 25px;
  font-weight: 200;
  padding: 0 0 9px;
}
.abt_enq_btn {
  width: 140px;
  height: 40px;
  background: #d3b062;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-size: 14px;
  color: #000;
}
.masking_main_content_right a {
  text-decoration: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 25px 0 0;
}
.abt_enq_icon {
  width: 40px;
  height: 40px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.mask-text span {
  display: block;
  font-size: 53px;
  margin: -17px 0 0;
  text-align: center;
  font-weight: 400;
}


/*========== Property Listing Start ============*/



.property_listing_main {
  position: relative;
  width: 100%;
  height: 103vh;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.item {
  width: 200px;
  height: 300px;
  list-style-type: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  box-shadow: 0 20px 30px rgba(255, 255, 255, 0.3) inset;
  transition: transform 0.1s, left 0.75s, top 0.75s, width 0.75s, height 0.75s;
  overflow:hidden;

  & .overlay_color{
    border-radius: 0;
  }
  &:nth-child(1),
  &:nth-child(2) {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
  }



  &:nth-child(3) {
    left: 50%;
  }
  &:nth-child(4) {
    left: calc(50% + 220px);
  }
  &:nth-child(5) {
    left: calc(50% + 440px);
  }
  &:nth-child(6) {
    left: calc(50% + 660px);
    opacity: 0;
  }
}

.content {
  width: min(30vw, 490px);
  position: absolute;
  top: 50%;
  left: 3rem;
  transform: translateY(-50%);
  font: 400 0.85rem Raleway, sans-serif;
  color: white;
  opacity: 0;
  display: none;

  & .title {
  font-size: 37px;
  margin: 0 0 7px;
  color: #d3b062;
  font-weight: 200;
}

  & .description {
    line-height: 1.7;
    margin: 1rem 0 1.5rem;
    font-size: 1rem;
  }

  & button {
    width: fit-content;
    background-color: rgba(0, 0, 0, 0.1);
    color: white;
    border: 2px solid white;
    border-radius: 0.25rem;
    padding: 0.75rem;
    cursor: pointer;
  }
}

.item:nth-of-type(2) .content {
  display: block;
  animation: show 0.75s ease-in-out 0.3s forwards;
}

@keyframes show {
  0% {
    filter: blur(5px);
    transform: translateY(calc(-50% + 75px));
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

.nav {
  position: absolute;
  bottom: 6rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  user-select: none;

  & .btn {
    background-color: rgba(255, 255, 255, 0.5);
    color: rgba(0, 0, 0, 0.7);
    border: 2px solid rgba(0, 0, 0, 0.6);
    margin: 0 0.25rem;
    padding: 0.75rem;
    border-radius: 50%;
    cursor: pointer;

    &:hover {
      background-color: rgba(255, 255, 255, 0.3);
    }
  }
}

.content ul li img {
  width: 18px;
  margin: 0 7px 0 0;
}
.content ul li {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.content ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 22px;
  margin: 0 0 28px;
}
.content h4 {
  font-size: 30px;
  font-family: helvetica;
  margin: 0 0 24px;
  color: #d3b062;
}
.overlay_color {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(90deg,rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0) 67%);
  border-radius: 20px;
}
@media (width > 650px) and (width < 900px) {
  .content {
    & .title {
      font-size: 1rem;
    }
    & .description {
      font-size: 0.7rem;
    }
    & button {
      font-size: 0.7rem;
    }
  }
  .item {
    width: 160px;
    height: 270px;

    &:nth-child(3) {
      left: 50%;
    }
    &:nth-child(4) {
      left: calc(50% + 170px);
    }
    &:nth-child(5) {
      left: calc(50% + 340px);
    }
    &:nth-child(6) {
      left: calc(50% + 510px);
      opacity: 0;
    }
  }
}

@media (width < 650px) {
  .content {
    & .title {
      font-size: 0.9rem;
    }
    & .description {
      font-size: 0.65rem;
    }
    & button {
      font-size: 0.7rem;
    }
  }
  .item {
    width: 130px;
    height: 220px;

    &:nth-child(3) {
      left: 50%;
    }
    &:nth-child(4) {
      left: calc(50% + 140px);
    }
    &:nth-child(5) {
      left: calc(50% + 280px);
    }
    &:nth-child(6) {
      left: calc(50% + 420px);
      opacity: 0;
    }
  }
}



/*============== Business Option Css Start ===============*/


.team_area_main_outer {
  background-color: #d3ebd1;
  position: relative;
  width: 100vw;
  height: 200vh;
}

.team_area_main {
  width: 100%;
  height: 100vh;
  position: relative;
  top: 0;
}

.shad {
  box-shadow: rgba(10, 49, 114, 0) 0px 0px 0px,
    rgba(10, 49, 114, 0.024) 0px 2px 0.2px,
    rgba(10, 49, 114, 0.027) 0px 4px 0.4px,
    rgba(10, 49, 114, 0.03) 0px 6.1px 0.7px,
    rgba(10, 49, 114, 0.035) 0px 8.3px 0.9px,
    rgba(10, 49, 114, 0.035) 0px 10.7px 1.2px,
    rgba(10, 49, 114, 0.04) 0px 13.5px 1.6px,
    rgba(10, 49, 114, 0.04) 0px 16.6px 2.1px,
    rgba(10, 49, 114, 0.04) 0px 20.2px 2.7px,
    rgba(10, 49, 114, 0.043) 0px 24.6px 3.5px,
    rgba(10, 49, 114, 0.043) 0px 30.1px 4.4px,
    rgba(10, 49, 114, 0.043) 0px 36.8px 5.8px,
    rgba(10, 49, 114, 0.043) 0px 45.5px 7.5px,
    rgba(10, 49, 114, 0.043) 0px 56.9px 9.9px,
    rgba(10, 49, 114, 0.047) 0px 72.2px 13.2px,
    rgba(10, 49, 114, 0.047) 0px 93.6px 17.8px,
    rgba(10, 49, 114, 0.047) 0px 125px 24.8px,
    rgba(10, 49, 114, 0.05) 0px 175.1px 36px,
    rgba(10, 49, 114, 0.055) 0px 270.8px 57.8px;
}

.emo {
  position: absolute;
  padding: 2px;
  background-color: #f0f5f0;
  font-size: 3.5em;
  border-radius: 20px;
  will-change: transform;
  cursor: default;
  user-select: none;
}

.scroll-img {
  position: fixed;
  width: 100%;
  bottom: 00px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.scroll-img img {
  transform: scale(0.1);
}

.info-wrap {
  pointer-events: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.info-cont {
  pointer-events: auto;
}

.info-cont h1 {
  font-family: 'Dancing Script';
  font-size: 4em;
  line-height: 35px;
  color: #4287f5;
}


.hover-btn {
  border-radius: 30%;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: -100%;
  background-color: #fff;
  opacity: 0.1;
}


/*============= Our Team Area Css =================*/
.dragable_section h3 {
  color: #d3b062;
  font-size: 15px;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
}
.team_name_area {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.dragable_section {
  position: absolute;
  bottom: 28px;
  right: 0;
  left: 0;
}
.team_head {
  position: relative;
  top: 135px;
}
.team_single {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.dragable_section h3 span svg {
  width: 26px;
}
.dragable_section h3 span {
  display: flex;
  justify-content: center;
}
.team_head h2 {
  color: #d3b062;
  text-align: center;
  font-size: 30px;
  font-weight: 200;
}
.team_head p {
  text-align: center;
  color: #fff;
  width: 60%;
  line-height: 25px;
  margin: 10px auto 0;
}

.team_area_main_inner {
  background: #000;
  padding: 80px 50px;
  height: 100vh;
}
.team_single img{
  width: 100%;
  height: 100%;
}

.team_area_main {
  overflow: hidden;
}
.carousel_team {
  position: absolute;
  left: calc(50% - 150px);
  top: calc((123vh - 400px) / 2);
  transform-origin: 150px 2500px;
  will-change: transform;
  touch-action: pan-y;
}
.carousel_team .wrapper_team {
  position: absolute;
  height: 100vh;
  transform-origin: 150px 2500px;
}
.carousel_team .wrapper_team:nth-child(0) {
  transform: rotate(0deg);
}
.carousel_team .wrapper_team:nth-child(0) div {
  background: transparent;
}
.carousel_team .wrapper_team:nth-child(1) {
  transform: rotate(10deg);
}
.carousel_team .wrapper_team:nth-child(1) div {
/*  background: #2f4b26;*/
}
.carousel_team .wrapper_team:nth-child(2) {
  transform: rotate(20deg);
}
.carousel_team .wrapper_team:nth-child(2) div {
/*  background: #2f4b26;*/
}
.carousel_team .wrapper_team:nth-child(3) {
  transform: rotate(30deg);
}
.carousel_team .wrapper_team:nth-child(3) div {
/*  background: #c0d7bb;*/
}
.carousel_team .wrapper_team:nth-child(4) {
  transform: rotate(40deg);
}
.carousel_team .wrapper_team:nth-child(4) div {
/*  background: #2f4b26;*/
}
.carousel_team .wrapper_team:nth-child(5) {
  transform: rotate(50deg);
}
.carousel_team .wrapper_team:nth-child(5) div {
/*  background: #3e885b;*/
}
.carousel_team .wrapper_team:nth-child(6) {
  transform: rotate(60deg);
}
.carousel_team .wrapper_team:nth-child(6) div {
/*  background: #2f4b26;*/
}
.carousel_team .wrapper_team:nth-child(7) {
  transform: rotate(70deg);
}
.carousel_team .wrapper_team:nth-child(7) div {
/*  background: #bedcfe;*/
}
.carousel_team .wrapper_team:nth-child(8) {
  transform: rotate(80deg);
}
.carousel_team .wrapper_team:nth-child(8) div {
/*  background: #3e885b;*/
}
.carousel_team .wrapper_team:nth-child(9) {
  transform: rotate(90deg);
}
.carousel_team .wrapper_team:nth-child(9) div {
/*  background: #85bda6;*/
}
.carousel_team .wrapper_team:nth-child(10) {
  transform: rotate(100deg);
}
.carousel_team .wrapper_team:nth-child(10) div {
/*  background: #2f4b26;*/
}
.carousel_team .wrapper_team:nth-child(11) {
  transform: rotate(110deg);
}
.carousel_team .wrapper_team:nth-child(11) div {
/*  background: #bedcfe;*/
}
.carousel_team .wrapper_team:nth-child(12) {
  transform: rotate(120deg);
}
.carousel_team .wrapper_team:nth-child(12) div {
/*  background: #c0d7bb;*/
}
.carousel_team .wrapper_team:nth-child(13) {
  transform: rotate(130deg);
}
.carousel_team .wrapper_team:nth-child(13) div {
/*  background: #2f4b26;*/
}
.carousel_team .wrapper_team:nth-child(14) {
  transform: rotate(140deg);
}
.carousel_team .wrapper_team:nth-child(14) div {
/*  background: #85bda6;*/
}
.carousel_team .wrapper_team:nth-child(15) {
  transform: rotate(150deg);
}
.carousel_team .wrapper_team:nth-child(15) div {
/*  background: #bedcfe;*/
}
.carousel_team .wrapper_team:nth-child(16) {
  transform: rotate(160deg);
}
.carousel_team .wrapper_team:nth-child(16) div {
/*  background: #2f4b26;*/
}
.carousel_team .wrapper_team:nth-child(17) {
  transform: rotate(170deg);
}
.carousel_team .wrapper_team:nth-child(17) div {
/*  background: #85bda6;*/
}
.carousel_team .wrapper_team:nth-child(18) {
  transform: rotate(180deg);
}
.carousel_team .wrapper_team:nth-child(18) div {
/*  background: #2f4b26;*/
}
.carousel_team .wrapper_team:nth-child(19) {
  transform: rotate(190deg);
}
.carousel_team .wrapper_team:nth-child(19) div {
/*  background: #3e885b;*/
}
.carousel_team .wrapper_team:nth-child(20) {
  transform: rotate(200deg);
}
.carousel_team .wrapper_team:nth-child(20) div {
/*  background: #bedcfe;*/
}
.carousel_team .wrapper_team:nth-child(21) {
  transform: rotate(210deg);
}
.carousel_team .wrapper_team:nth-child(21) div {
/*  background: #bedcfe;*/
}
.carousel_team .wrapper_team:nth-child(22) {
  transform: rotate(220deg);
}
.carousel_team .wrapper_team:nth-child(22) div {
/*  background: #3e885b;*/
}
.carousel_team .wrapper_team:nth-child(23) {
  transform: rotate(230deg);
}
.carousel_team .wrapper_team:nth-child(23) div {
/*  background: #2f4b26;*/
}
.carousel_team .wrapper_team:nth-child(24) {
  transform: rotate(240deg);
}
.carousel_team .wrapper_team:nth-child(24) div {
/*  background: #2f4b26;*/
}
.carousel_team .wrapper_team:nth-child(25) {
  transform: rotate(250deg);
}
.carousel_team .wrapper_team:nth-child(25) div {
/*  background: #c0d7bb;*/
}
.carousel_team .wrapper_team:nth-child(26) {
  transform: rotate(260deg);
}
.carousel_team .wrapper_team:nth-child(26) div {
/*  background: #c0d7bb;*/
}
.carousel_team .wrapper_team:nth-child(27) {
  transform: rotate(270deg);
}
.carousel_team .wrapper_team:nth-child(27) div {
/*  background: #3e885b;*/
}
.carousel_team .wrapper_team:nth-child(28) {
  transform: rotate(280deg);
}
.carousel_team .wrapper_team:nth-child(28) div {
/*  background: #3e885b;*/
}
.carousel_team .wrapper_team:nth-child(29) {
  transform: rotate(290deg);
}
.carousel_team .wrapper_team:nth-child(29) div {
/*  background: #85bda6;*/
}
.carousel_team .wrapper_team:nth-child(30) {
  transform: rotate(300deg);
}
.carousel_team .wrapper_team:nth-child(30) div {
/*  background: #c0d7bb;*/
}
.carousel_team .wrapper_team:nth-child(31) {
  transform: rotate(310deg);
}
.carousel_team .wrapper_team:nth-child(31) div {
/*  background: #c0d7bb;*/
}
.carousel_team .wrapper_team:nth-child(32) {
  transform: rotate(320deg);
}
.carousel_team .wrapper_team:nth-child(32) div {
/*  background: #2f4b26;*/
}
.carousel_team .wrapper_team:nth-child(33) {
  transform: rotate(330deg);
}
.carousel_team .wrapper_team:nth-child(33) div {
/*  background: #85bda6;*/
}
.carousel_team .wrapper_team:nth-child(34) {
  transform: rotate(340deg);
}
.carousel_team .wrapper_team:nth-child(34) div {
/*  background: #bedcfe;*/
}
.carousel_team .wrapper_team:nth-child(35) {
  transform: rotate(350deg);
}
.carousel_team .wrapper_team:nth-child(35) div {
/*  background: #c0d7bb;*/
}
.carousel_team .wrapper_team:nth-child(36) {
  transform: rotate(360deg);
}
.carousel_team .wrapper_team:nth-child(36) div {
/*  background: #bedcfe;*/
}
.carousel_team .wrapper_team:active {
  cursor: grabbing;
}
.carousel_team .wrapper_team div {
  width: 300px;
  height: 400px;
  border-radius: 5px;
}
.team_name_area {
  position: absolute;
  bottom: 17px;
  left: 0;
  right: 0;
  z-index: 999;
  width: 95% !important;
  height: 55px !important;
  background: rgba(0, 0, 0, 0.6);
  margin: 0 auto;
  border-radius: 10px !important;
  padding: 10px 15px;
}
.team_name_area h4 {
  color: #d3b062;
  font-size: 16px;
  margin: 0 0 3px;
}
.team_name_area h5 {
  color: #fff;
  font-weight: 300;
  letter-spacing: 1.5px;
  font-size: 12px;
}
.team_social_link ul li a svg {
  width: 16px;
  color: #000;
}
.team_social_link ul li a {
  background: #d3b062;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 57px;
  margin: 6px 0;
}
.team_social_link {
  position: absolute;
  top: 14px;
  right: 0;
  width: 50px !important;
  transition: ease-in-out 0.6s;
}
.team_single:hover .team_social_link {
  right: 0;
  transition: ease-in-out 0.6s;
}
.team_social_link ul li {
  list-style: none;
}


/* =============== Team Css End ================= */


/* =============== Area Property Section Start ================ */

.main_project_area {
  height: 100vh;
  padding: 80px 50px;
  background: #0b0b0b;
  position: relative;
}
.main_project_area_inner {
  position: relative;
  top: 100px;
  width: 90%;
  height: 500px;
  margin: 0 auto;
}
.line {
  /* flex-basis: 50%; */
  font-size: 40px;
  color: #fff;
  letter-spacing: 10px;
  position: absolute;
  opacity: 0;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 500px;
  top: 0;
  border-radius: 30px;
  overflow: hidden;
}
.line img {
  width: 100%;
  height: 100%;
}
.prop_addr_ovrly {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,rgba(0, 0, 0, 0.90) 10%, rgba(0, 0, 0, 0) 70%);
}
.property_address {
  position: absolute;
  bottom: 62px;
  left: 55px;
}
.property_address h2 svg {
  width: 30px;
  color: #d3b062;
  margin: 0 7px 0 0;
}
.property_address h2 {
  font-size: 30px;
  letter-spacing: 0;
  font-weight: 300;
  color: #d3b062;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-transform: uppercase;
}
.property_address p {
  font-size: 18px;
  letter-spacing: 0;
  margin: 15px 0 0;
}
.proprty_btn a svg {
  width: 25px;
  color: #000;
}
.proprty_btn {
  position: absolute;
  top: 20px;
  right: 20px;
}
.proprty_btn a{
  background: #d3b062;
  width: 70px;
  height: 70px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items:  center;

}
.prmt_constaltancy_area {
  padding: 150px 150px;
  background: #000;
  overflow: hidden;
}
.prmt_constaltancy_area_inner {
  background: #d3b062;
  padding: 50px;
  border-radius: 53px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 381px;
  transform-origin: center center;
  will-change: transform;
}
.prmt_constaltancy_area_left h3 {
  font-size: 40px;
  font-weight: 300;
  color: #000;
  margin: 0 0 13px;
}
.prmt_constaltancy_area_left p {
  font-size: 17px;
  line-height: 25px;
}
.prmt_constaltancy_area_right img {
  width: 107%;
  position: relative;
  top: 20px;
}
.prmt_constaltancy_area_left a {
  text-decoration: none;
  background: #000;
  color: #fff;
  width: 150px;
  display: flex;
  height: 45px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin: 26px 0 0;
}




/* ================ Area Property Section End ================== */



/*=============== Testimonials Css Start =================*/
.review_section_area_main {
  background: #0b0b0b;
  padding: 76px 50px;
  height: 90vh;
  background-image: url('../images/testimonials_bg.jpg');
  overflow: hidden;
}
.review_head {
  text-align: center;
  margin: 0 0 38px;
}
.review_head h2 {
  color: #d3b062;
  font-weight: 200;
  font-size: 30px;
  margin: 0 0 8px;
}
.review_head p {
  color: #fff;
  margin: 0 0 0;
}
.client-info ul li svg {
  width: 16px;
  color: #fff9ca;
}
.client-info ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.client-info ul li {
  list-style: none;
  padding: 6px 3px;
}

.testi-wrap {
  position: relative;
  height: auto;
  margin-top: -27px;
}

.client-single {
  margin-top: 20px;
  text-align: center;
  position: absolute;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.client-info,
.client-comment {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.client-single.inactive .client-comment,
.client-single.inactive .client-info {
  display: none;
}
.client-single.inactive .client-comment,
.client-single.inactive .client-info {
  opacity: 0;
  visibility: hidden;
}
.client-single.position-1 {
  -webkit-transform: scale(0.65);
  transform: scale(0.65);
}
.client-single.position-2 {
  left: -40px;
  top: 80px;
}
.client-single.position-3 {
  left: -39px;
  top: 194px;
  -webkit-transform: scale(0.4) !important;
  transform: scale(0.4) !important;
}
.client-single.position-4 {
  left: 30px;
  top: 308px;
}
.client-single.position-5 {
  top: 30px;
  right: 55px;
}
.client-single.position-6 {
  top: 140px;
  right: -10px;
}
.client-single.position-7 {
  top: 289px;
  right: 7px;
  -webkit-transform: scale(0.4) !important;
  transform: scale(0.4) !important;
}
.client-single.active {
  top: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  width: 70%;
}
.client-single.active .client-comment,
.client-single.active .client-info {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.client-single:not(.active) {
  -webkit-transform: scale(0.55);
  transform: scale(0.55);
  z-index: 99;
}
.client-single.active .client-img {
  width: 160px;
  height: 160px;
  margin: 0 auto 0px;
  position: relative;
}
.client-single.active .client-img::before {
  border-radius: 100%;
  content: "";
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9d5bfe), to(#3890fe));
  background-image: linear-gradient(180deg, #ffe5ac 0%, #ffb000 100%);
  padding: 5px;
  width: 120px;
  height: 120px;
  top: -4px;
  left: 10px;
  position: absolute;
  z-index: -1;
}
.client-single .client-img img {
  width: 113px;
  border-radius: 50%;
  border: 8px solid #d1e9ff;
  cursor: pointer;
  height: 120px;
  object-fit: cover;
}
.client-single.active .client-img img {
  max-width: 160px;
  margin: 0 auto 24px;
  border: 0;
}

.client-comment {
  padding: 0 30px 33px;
}
.client-comment h3 {
  font-size: 15px;
  line-height: 23px;
  color: #fff;
  font-weight: 400;
}
.client-comment span i {
  font-size: 60px;
  color: #0084ff;
  margin: 40px 0 24px;
  display: inline-block;
}

.client-info h3 {
  color: #d3b062;
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 20px;
}
.client-info p {
  color: #0084ff;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #testimonial-area .section-heading h2 {
    font-size: 30px;
  }

  .client-comment h3 {
    font-size: 18px;
    line-height: 28px;
  }

  .client-single.active {
    width: 60%;
  }

  .client-single:not(.active) {
    -webkit-transform: scale(0.55);
    transform: scale(0.35);
  }

  .client-single.position-3,
.client-single.position-7 {
    -webkit-transform: scale(0.3) !important;
    transform: scale(0.3) !important;
  }

  .client-single.active .client-img img {
    max-width: 100px;
  }

  .client-single.active .client-img::before {
    padding: 5px;
    width: 108px;
    height: 108px;
    top: -4px;
    left: 6px;
  }

  .client-single.active .client-img {
    width: 120px;
    height: 100px;
  }

  .testi-wrap {
    height: 580px;
  }

  #testimonial-area {
    padding: 100px 0 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #testimonial-area .section-heading h2 {
    font-size: 30px;
  }

  .client-comment h3 {
    font-size: 14px;
    line-height: 26px;
  }

  .client-single.active {
    width: 60%;
  }

  .client-comment span i {
    font-size: 40px;
  }

  .client-single:not(.active) {
    -webkit-transform: scale(0.55);
    transform: scale(0.35);
  }

  .client-single.position-5,
.client-single.position-7 {
    right: 0;
  }

  .client-single.position-4 {
    left: 0;
  }

  .client-single.position-3,
.client-single.position-7 {
    -webkit-transform: scale(0.3) !important;
    transform: scale(0.3) !important;
  }

  .client-single.active .client-img img {
    max-width: 80px;
  }

  .client-single.active .client-img::before {
    padding: 5px;
    width: 88px;
    height: 88px;
    top: -4px;
    left: 16px;
  }

  .client-single.active .client-img {
    width: 120px;
    height: 100px;
  }

  .testi-wrap {
    height: 630px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
  #testimonial-area .section-heading h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .client-comment h3 {
    font-size: 14px;
    line-height: 26px;
  }

  .client-single.active {
    width: 80%;
  }

  .client-comment span i {
    font-size: 40px;
  }

  .client-single:not(.active) {
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
  }

  .client-single.position-5,
.client-single.position-7,
.client-single.position-6 {
    right: -70px;
  }

  .client-single.position-4 {
    left: -60px;
  }

  .client-single.position-3 {
    left: -75px;
  }

  .client-single.position-3,
.client-single.position-7 {
    -webkit-transform: scale(0.25) !important;
    transform: scale(0.25) !important;
  }

  .client-single.active .client-img img {
    max-width: 80px;
  }

  .client-single.active .client-img::before {
    padding: 5px;
    width: 88px;
    height: 88px;
    top: -4px;
    left: 16px;
  }

  .client-single.active .client-img {
    width: 120px;
    height: 100px;
  }

  .testi-wrap {
    height: 600px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
  #testimonial-area .section-heading h2 {
    font-size: 30px;
  }

  .client-comment h3 {
    font-size: 14px;
    line-height: 26px;
  }

  .client-single.active {
    width: 80%;
  }

  .client-comment span i {
    font-size: 40px;
  }

  .client-single:not(.active) {
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
  }

  .client-single.position-5,
.client-single.position-7,
.client-single.position-6 {
    right: -70px;
  }

  .client-single.position-4 {
    left: -60px;
  }

  .client-single.position-3 {
    left: -75px;
  }

  .client-single.position-3,
.client-single.position-7 {
    -webkit-transform: scale(0.25) !important;
    transform: scale(0.25) !important;
  }

  .client-single.active .client-img img {
    max-width: 80px;
  }

  .client-single.active .client-img::before {
    padding: 5px;
    width: 88px;
    height: 88px;
    top: -4px;
    left: 16px;
  }

  .client-single.active .client-img {
    width: 120px;
    height: 100px;
  }

  .testi-wrap {
    height: 550px;
  }
}


/*=============== Testimonials Css End =================*/



/*========== Consultancy form ==============*/

.prmt_constaltancy_area_head {
  margin: 0 0 67px;
}
.prmt_constaltancy_area_head h2 {
  font-size: 35px;
  font-weight: 300;
  margin: 0 0 9px;
}
.prmt_constaltancy_area_inner_main {
  text-align: center;
  width: 100%;
}
.single_frm label {
  display: block;
  text-align: left;
  font-size: 14px;
  margin: 0 0 9px;
}
.single_frm input {
  width: 100%;
  height: 50px;
  background: transparent;
  border: 1px solid #0c0c0c;
  border-radius: 6px;
  padding: 0 16px;
  font-size: 14px;
}
.prmt_constaltancy_form form {
  display: flex;
  justify-content: center;
  align-items: last baseline;
  gap: 15px;
}
.single_frm {
  width: 23%;
}
.submit_form_btn input {
  width: 155px;
  height: 50px;
  background: #0c0c0c;
  border: 1px solid #0c0c0c;
  border-radius: 6px;
  padding: 0 16px;
  font-size: 14px;
  color: #d3b062;
  font-size: 16px;
  cursor: pointer;
}
.prmt_constaltancy_area_inner.prmt_constaltancy_area_inner2 {
  height: 310px;
}



/* =============== Footer Area Css Start ================ */


.main_footer_area {
  background-image: url('../images/footer_bg.jpg');
  background-size: cover;
  padding: 80px 50px;
  background-attachment: fixed;
}
.logo_social ul li a img {
  width: 20px;
  fill: #fff;
}
.footer_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0;
  padding: 20px 0 0;
}
.logo_social ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.logo_social ul li {
  list-style: none;
}
.logo_social ul li a {
  border: 1px solid #d3b062;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.foot_middle_left {
  display: flex;
  justify-content: space-between;
}
.foot_middle_left_fst {
  display: flex;
  justify-content: flex-start;
}
.foot_middle_left_link {
  display: flex;
  justify-content: flex-start;
}
.foot_middle_left_about {
  width: 44%;
  margin: 0 60px 0 0;
}
.foot_middle_left_link ul {
  margin: 0 50px 0 0;
}
.foot_middle_left_about p {
  color: #fff;
  font-weight: 300;
  line-height: 23px;
  font-size: 15px;
}
.foot_middle_left_about h4 {
  font-size: 15px;
  color: #d3b062;
  margin: 11px 0 6px;
}
.foot_middle {
  padding: 0 0 0;
}
.foot_middle_left_link ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  padding: 0 0 16px;
  display: block;
}
.foot_middle_left_lst h3 {
  text-align: right;
  color: #d3b062;
  margin: 0 0 10px;
}
.foot_middle_left_lst p {
  text-align: right;
  color: #fff;
  line-height: 26px;
}
.foot_last_contact {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding: 40px 0;
  margin: 19px 0 0;
}
.call_hlp a {
  color: #fff;
  text-decoration: none;
}
.call_hlp a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.foot_last_contact svg {
  width: 22px;
  fill: #fff;
  margin: 0 7px 0 0;
}
.need_hlp h4 {
  color: #d3b062;
  font-weight: 400;
}
.call_hlp {
  background: rgba(255, 255, 255, 0.1);
  padding: 11px 24px;
  border-radius: 50px;
}
.copyright_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 50px 0 0;
}
.copyright_area p {
  color: #fff;
  font-weight: 200;
  font-size: 14px;
}
.copyright_area p a {
  color: #d3b062;
  text-decoration: none;
}

/* =============== Footer Area Css End ================ */









#portfolio {
  background: #111;
  padding: 85px 50px 80px;
  overflow: hidden;
}
.container-fluid {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

.horiz-gallery-strip,
.horiz-gallery-wrapper {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
  position: relative;
}

.project-wrap {
  width: 26vw;
  padding: 1rem;
  box-sizing: content-box;
  height: 515px;
  position: relative;
}
.project-wrap img {
  width: auto;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.prty_over_cont_top ul li img {
  width: 20px;
  margin: 0 10px 0 0;
}
.prty_over_cont_top ul li span {
  color: #fff;
}
.prty_over_cont_top ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.prty_over_cont_top {
  position: absolute;
  right: 34px;
  top: 37px;
  background: #000;
  padding: 8px 7px;
  border-radius: 50px;
}
.prty_over_cont_top ul li span {
  color: #fff;
  font-size: 13px;
}
.prty_over_cont_top ul li {
  list-style: none;
  padding: 0 9px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Arial;
}
.prty_over_cont_btn {
  position: absolute;
  bottom: 30px;
  left: 32px;
  right: 0;
  width: 86%;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  padding: 18px 21px;
}
.prty_over_cont_btn h3 {
  font-size: 19px;
  color: #000;
  margin: 0 0 6px;
}
.prty_over_cont_btn p {
  font-size: 14px;
  color: #000;
  margin: 0 0 17px;
}
.prty_over_cont_btn h4 {
  color: #a47307;
  font-family: Arial;
}




/* ============================================================================ */

.py-5 {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background: #0b0b0b;
}
.d-flex {
  display: flex;
}
.explore-slider .active_prt {
  flex: 4 !important;
}
.explore-slider .item_prt {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  flex: 0.5;
  min-width: 100px;
  transition: all 0.5s ease-in-out;
  box-shadow: -10px 0px 25px 0px #00000044;
}
.explore-slider .active_prt .img {
  filter: grayscale(0%) !important;
}
.explore-slider .item_prt .img {
  position: relative;
  height: 500px;
  width: auto;
  filter: grayscale(100%);
  transition: filter 1s ease-in-out;
}
.explore-slider .active_prt .details {
  position: absolute !important;
  bottom: 80px !important;
  left: 132px !important;
  transform: rotate(0deg) !important;
}
.explore-slider .item_prt .details {
  position: absolute;
  bottom: -20px;
  left: 9px;
  right: 0;
  transform: rotate(-90deg);
  transform-origin: left;
  width: 500px;
  transition: all 0.5s ease-in-out;
  text-decoration: none;
  color: #fff;
}
.explore-slider .active_prt .details img {
  width: 64px;
  height: 64px;
  animation: bounce 2s infinite;
}
.explore-slider .active_prt h2 {
  margin-top: 0px;
  margin-left: -45px;
  font-size: 32px;
}
.fs-14px {
  font-size: 14px;
}
.item_prt h2 {
  font-size: 20px;
  font-weight: 400;
}
.item_prt h2 svg {
  width: 25px;
  color: #fff;
  position: relative;
  top: 2px;
}
.item_prt.active_prt h2 svg {
  width: 30px;
  color: #fff;
  position: relative;
  top: 2px;
}
.explore-slider .details img, .explore-slider .details span {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transform: translateX(-100px);
}
.explore-slider .active_prt .details img, .explore-slider .active_prt .details span {
  opacity: 1;
  transition: all 0.5s ease-in-out;
  transform: translateX(0px);
}











.portfolio-tabs {
  display: flex;
  gap: 15px;
  margin-bottom: 30px;
  justify-content: flex-end;
}

.tab-btn {
  padding: 12px 26px;
  cursor: pointer;
  background: transparent;
  font-weight: 500;
  border-radius: 50px;
  color: #fff;
  border: 1px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab-btn svg {
  width: 20px;
  margin: 0 6px 0 0;
}
.tab-btn.active {
  background: #d3b062;
  color: #fff;
  border: 1px solid #d3b062;
}


.horiz-gallery-wrapper {
  display: none;
}

.horiz-gallery-wrapper.active {
  display: block;
}
.cls_menu {
  display: none;
}
.toggle_menu {
  display: none;
}
.foot_middle_left_link ul li {
    list-style: none;
}





/* ================== Team Slider Main Css Start ==================== */



.my-carousel {
  position: relative;
  height: 100vh;
  background: #000;
}

.my-carousel__swiper {
  padding-bottom: 200px;
}

.my-carousel__actions {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.my-carousel__control {
  display: inline-flex;
  border-radius: 5em;
  font-size: 20px;
  font-weight: 500;
  padding: 1em 2em;
}
.my-carousel__control:hover {
  cursor: pointer;
}

.swiper-card {
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-card > div {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
  aspect-ratio: 2/3;
  width: 368px;
  color: #fff;
  border-radius: 50em;
}
.swiper-3d {
  height: 100vh;
}
.swiper-wrapper {
  top: 166px;
}


/*================== New Team Area Css Start ====================*/

.main_team_area_slider {
  display: flex;
  position: relative;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  background: #000;
}
.main_team_area_slider .cell {
    position: absolute;
    top: 50px;
    left: 0;
    width: 200px;
    font-size: 26px;
    font-weight: 500;
    color: rgba(0,0,0,0.87);
    color: rgba(0,0,0,0.92);
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    height: 372px;
    transform-origin: center bottom;
    border-radius: 10px;
    cursor:url('../images/drg.png'), auto !important;
    
}

.main_team_area_slider .cell-content {}

.main_team_area_slider .picker {
  position: relative;
  overflow: hidden;
  width: 80vw;
  height: 100vh;
  border-radius: 2px;
  background-color: transparent;
  top: 28%;
  cursor:url('../images/drg.png'), auto !important;
}
.cell-content img {
  width: 100%;
  height: 377px;
  object-fit: cover;
  border-radius: 10px;
}

/*=========== Properties Pages Css Start ==================*/

.banner_area_main.banner_area_main_inner {
  height: 200px;
}
.banner_area_main.banner_area_main_inner .banner_up_search_area h1 {
  padding: 40px 0 0;
  font-size: 27px;
}
.main_property_listing_area {
  padding: 60px 50px;
  background: #171717;
}
.main_property_listing_all {
  display: flex;
  justify-content: space-between;
}
.main_property_listing_left {
  width: 245px;
}
.main_property_listing_right {
  width: 80%;
}
.main_property_listing_filter form .gsap-select .select-box {
  background-color: transparent;

}
.main_property_listing_filter form .gsap-select {
  border-radius: 6px;
  margin: 0 0 20px;
  background: #2d2d2d;
}
.main_property_listing_filter form .budget-slider {
  margin: 25px 0 46px;
}
.main_property_listing_filter form .budget-slider .label {
  color: #fff;
}
.main_property_listing_filter form .gsap-select .select-box {
  color: #fff;
}
.main_property_listing_filter h3 {
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main_property_listing_filter h3 svg {
  width: 22px;
}
.main_property_listing_filter h3 {
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding: 0 0 17px;
  margin: 0 0 42px;
  font-weight: 400;
}
.main_property_listing_filter .show_projct {
  margin: 0;
}
.sorting_area h4 svg {
  width: 18px;
  color: #fff;
  margin: 0 8px 0 0;
}
.sorting_area h4 {
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sorting_area {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 0 30px;
}
.sorting_area .gsap-select {
  width: 150px;
  margin: 0 0 0 40px;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 6px;
}
.sorting_area .gsap-select .select-box{
  color: #fff;
  background: transparent;
}
.contarea ul li a svg {
  width: 22px;
  color: #d3b062;
}
.contarea ul li {
  list-style: none;
}
.property_listing_right_content {
  background: #202020;
  padding: 20px 20px;
  margin: -4px 0 0;
}
.contarea ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.contarea ul li {
  padding: 0 15px 0 0;
}
.property_listing_right_img img {
  width: 100%;
}
.main_property_listing_right_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.main_property_listing_right_box_single {
  width: 24%;
  padding: 0 0 25px;
}
.contarea h3 {
  font-size: 22px;
  font-weight: 200;
  color: #fff;
  margin: 14px 0 6px;
}
.contarea p {
  font-size: 14px;
  color: #9d9d9d;
  margin: 0 0 17px;
}
.contarea h4 {
  font-size: 20px;
  color: #d3b062;
  font-family: arial;
}
.contarea h4 span {
  display: block;
  font-size: 13px;
  font-weight: 200;
  color: #fff;
  margin: 0 0 4px;
}



/*-----------------------------------------*/

.property_listing_right_img {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.listprop_slider {
  position: relative;
  height: 360px;
}

.listprop_slider img {
  position: absolute;
  width: 0%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
}

.listprop_slider img.active {
  width: 100%;
}


.slider_dots {
  position: absolute;
  top: 15px;
  right: -2%;
  transform: translateX(-50%);
  display: flex;
  gap: 7px;
  transition: ease-in-out 0.6s;
}

.slider_dots span {
  width: 6px;
  height: 6px;
  background: #000;
  border-radius: 50px;
  cursor: pointer;
  transition: ease-in-out 0.6s;
}

.slider_dots span.active {
  background: #d3b062;
  width: 17px;
  transition: ease-in-out 0.6s;
}
.prop_pric h4 span {
  display: block;
  font-size: 12px;
  font-weight: 200;
  color: #fff;
  margin: 0 0 4px;
}
.prop_pric h4 {
  font-size: 17px;
  color: #d3b062;
  font-family: arial;
}
.prop_pric {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(0, 0, 0, 0.7);
  padding: 11px 18px;
  border-radius: 10px;
}
.header_right.property_more a .getqt {
  width: 83% !important;
}
.header_right.property_more {
  margin: 30px 0 0 !important;
}
.property_areadtl ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.property_areadtl ul li {
  list-style: none;
  padding: 0 9px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.property_areadtl ul li img {
  width: 16px;
  margin: 0 10px 0 0;
}
.property_areadtl ul li span {
  color: #fff;
  font-family: aril;
  font-size: 13px;
}

.property_detail_overlay {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
}
.property_detail_inn_ban .banner_main_content {
  top: 48%;
  width: 100%;
}
.prop_dtl_about_area {
  padding: 70px 300px;
}
.prop_dtl_about_area_inner h2 {
  color: #d3b062;
  font-weight: 200;
  font-size: 35px;
  text-align: center;
  margin: 0 0 17px;
}
.prop_dtl_about_area_inner p {
  text-align: center;
  color: #fff;
  font-size: 17px;
  line-height: 24px;
  margin: 0 0 10px;
}
.prod_dtlabout_option_sing_lft svg {
  width: 30px;
  color: #d3b062;
}
.prod_dtlabout_option_boxes_sing {
  display: flex;
  justify-content: flex-start;
}
.prod_dtlabout_option_sing_rit h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 2.3px;
}
.prod_dtlabout_option_sing_rit h3 {
  font-size: 18px;
  color: #d3b062;
  font-family: arial;
  margin: 5px 0 0;
  letter-spacing: 2px;
  font-weight: 500;
}
.prod_dtlabout_option_sing_lft {
  margin: 0 12px 0 0;
}
.prod_dtlabout_option_boxes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.prod_dtlabout_option_boxes_sing {
  display: flex;
  justify-content: flex-start;
  width: 33.3%;
  height: 125px;
  border-bottom: 1px solid #242424;
  border-right: 1px solid #242424;
  padding: 26px 20px;
}
.prod_dtlabout_option_area {
  margin: 53px 0 0;
}
.prod_dtlabout_option_boxes_sing:nth-child(3) {
  border-right: 0;
}
.prod_dtlabout_option_boxes_sing:nth-child(4) {
  border-bottom: 0;
}
.prod_dtlabout_option_boxes_sing:nth-child(5) {
  border-bottom: 0;
}
.prod_dtlabout_option_boxes_sing:nth-child(6) {
  border-right: 0;
  border-bottom: 0;
}

.extrior_area{
  background: url('../images/dtl_opt1.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
  position: relative;
}
.lobby_area{
  background: url('../images/dtl_opt2.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
  position: relative;
}
.extrior_area2{
  background: url('../images/dtl_ban.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
  position: relative;
}
.propt_dtls_overvew_main_inner h2 {
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 400;
  background: rgba(0, 0, 0, 0.6);
  display: inline-flex;
  padding: 7px 37px;
  color: #fff;
}
.propt_dtls_overvew_main_inner {
  padding: 80px 50px;
}

.prod_dtlabout_option_boxes::after {
  content: "";
  flex: auto;
}
.prod_dtlabout_option_sing_rit.prod_dtlabout_option_sing_rit2 h3 {
  color: #fff;
  font-size: 13px;
  letter-spacing: 1px;
}
.prod_dtlabout_option_sing_rit.prod_dtlabout_option_sing_rit2 h4 {
  font-size: 16px;
  font-weight: 500;
  color: #d3b062;
}
.prop_dtl_about_area.prop_dtl_about_area2 {
  padding: 70px 200px;
}
.mortgage_calcu_area {
  padding: 70px 100px;
}
.mortgage_calcu_area_main_box {
  display: flex;
  justify-content: flex-start;
}
.mortgage_calcu_area_main_box_left {
  background: #171717;
  padding: 38px 31px;
  border-radius: 15px;
  width: 30%;
}
.mortg_heading {
  text-align: center;
  color: #d3b062;
  margin: 0 0 40px;
}
.mortg_heading h2 {
  font-weight: 300;
  font-size: 30px;
}
.mortgage_calcu_area_main_box_left .select-box {
  background: transparent;
}
.mortgage_calcu_area_main_box_left form label {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 14px;
  margin: 0 0 9px;
}
.prt_val_grp_sing input {
  width: 100%;
  height: 47px;
  border-radius: 4px;
  padding: 0 13px;
  border: 0;
  margin: 0 0 15px;
}
.mortg_select {
  margin: 0 0 15px;
}
.mortg_select .gsap-select {
  border-radius: 4px;
}
.mortgage_calcu_area_main_box_right {
  width: 70%;
  background: #171717;
  border-radius: 15px;
  margin: 0 0 0 35px;
  padding: 30px;
}
.property_value {
  text-align: center;
}
.property_value h2 span {
  display: flex;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 300;
  margin: 7px 0 0;
}
.property_value h2 {
  font-family: Arial, sans-serif;
  font-size: 30px;
  color: #d3b062;
  font-weight: 600;
}
.property_value {
  text-align: center;
  background: #111;
  padding: 19px 0;
  border-radius: 13px;
}
.morget_three_option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
.morget_three_option_sing {
  background: #111;
  width: 32.2%;
  margin: 16px 0 0;
  padding: 28px 0;
  border-radius: 10px;
}
.morget_three_option_sing h3 {
  color: #d3b062;
  text-transform: uppercase;
  font-size: 13px;
  margin: 0 0 10px;
}
.morget_three_option_sing h4 {
  font-family: Arial, sans-serif;
  color: #fff;
  font-size: 20px;
}
.mortgage_calcu_area_main_box_right ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 0 16px;
  border-bottom: 1px solid #202020;
  color: #fff;
  font-size: 14px;
}
.mortgage_calcu_area_main_box_right ul li span {
  font-family: Arial, sans-serif;
  font-weight: 500;
}
.mortgage_calcu_area_main_box_right ul {
  margin: 20px 0 0;
}
.mortgage_calcu_area_main_box_right ul li:nth-child(4) {
  font-size: 18px;
  font-weight: 600;
}
.property_location_main_inn iframe {
  width: 100%;
  height: 480px;
}
.property_location_main_inn {
  position: relative;
}
.property_location_single_left svg {
  width: 26px;
  color: #d3b062;
}
.property_location_main_block {
  position: absolute;
  top: 10%;
  right: 11px;
  background: #111;
  padding: 30px;
  width: 50%;
 border-radius: 20px;
}
.property_location_main_block h2 {
  font-size: 25px;
  color: #fff;
  margin: 0 0 4px;
}
.property_location_main_block p {
  color: #fff;
  font-size: 15px;
  width: 100%;
  margin: 0 0 28px;
}
.property_location_main_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.property_location_single {
  width: 48%;
  display: flex;
  justify-content: flex-start;
  margin: 0 0 20px;
}
.property_location_single_left {
  margin: 0 13px 0 0;
}
.property_location_single_right h3 {
  color: #fff;
  font-size: 15px;
  margin: 0 0 4px;
}
.property_location_single_right h4 {
  color: #000;
  background: #d3b062;
  display: inline-block;
  padding: 5px 8px;
  font-family: Arial, sans-serif;
  border-radius: 4px;
  font-size: 13px;
}
.sub_menu {
  position: absolute;
  left: 0;
  right: 0;
  background: #000;
  padding: 30px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  transition: ease-in-out 0.6s;
  margin: 0 auto;
  overflow: hidden;
  top: 80px;
}
.header_menu ul li:hover .sub_menu {
  opacity: 1;
  visibility: visible;
  top: 55px;
  transition: ease-in-out 0.6s;
  display: block;
}
.sub_menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 58%;
  margin: 0 auto;

} 
.sub_menu ul li {
  width: 33%;
  padding: 5px 0;
}
.sub_menu ul li:hover a {
  letter-spacing: 1.5px;
  transition: ease-in-out 0.6s;
}
.sub_menu ul li a {
  transition: ease-in-out 0.6s;
}
.space {
  width: 67%;
}
.blog_page_main {
  padding: 70px 50px;
  background: #0f0f0f;
}
.blog_page_head {
  text-align: center;
  width: 60%;
  margin: 0 auto 80px;
}
.blog_page_head h2 {
  color: #d3b062;
  font-weight: 300;
  font-size: 40px;
  text-align: center;
  margin: 0 0 17px;
}
.blog_page_head p {
  color: #fff;
  font-size: 15px;
  line-height: 22px;
}
.all_blog_area_main {
  display: flex;
  justify-content: space-between;
}
.single_blog_area_right h4 {
  color: #979797;
  font-size: 15px;
  font-weight: 400;
  margin: 0 0 11px;
}
.single_blog_area_right h3 {
  font-size: 19px;
  color: #d3b062;
  margin: 0 0 14px;
}
.mortg_select .selected {
  color: #000;
}
.about_image_single {
  background: url('../images/sing_img1.png');
  background-repeat: repeat;
  background-attachment: scroll;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 75vh;
  position: relative;
}
.single_blog_area_right p {
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  margin: 0 0 27px;
}
.prop_dtl_about_area.prop_dtl_about_area2 {
  padding: 70px 50px;
}
.prop_dtl_about_area.prop_dtl_about_area2 svg {
  width: 20px;
}
.prod_dtlabout_option_sing_rit.prod_dtlabout_option_sing_rit2 p {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 0 0;
}
.prop_dtl_about_area2 .prod_dtlabout_option_boxes_sing {
  height: 170px;
}
.all_blog_area_main_left {
  width: 76%;
  margin: 0 30px 0 0;
  border-right: 1px solid #1c1c1c;
}
.all_blog_area_main_right {
  width: 30%;
}
.single_blog_area_left img {
  width: 100%;
  border-radius: 15px;
}
.single_blog_area_left {
  width: 100%;
  margin: 0 24px 0 0;
}
.single_blog_area_right a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.single_blog_area_right a {
  text-decoration: none;
}
.single_blog_area {
  display: flex;
  justify-content: flex-start;
  margin: 0 25px 42px 0;
  border-bottom: 1px solid #1c1c1c;
  padding: 0 0 42px;
}
.all_blog_area_main_right h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  margin: 0 0 29px;
}
.enq_frm input {
  width: 100%;
  height: 50px;
  background: transparent;
  border: 1px solid #262626;
  border-radius: 6px;
  color: #fff;
  padding: 0 16px;
  margin: 0 0 15px;
}
.enq_frm label {
  display: flex;
  color: #fff;
  font-size: 14px;
  margin: 0 0 8px;
}
.enq_submit input {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  text-transform: uppercase;
  font-size: 16px;
  background: #d3b062;
  border-radius: 6px;
  border: 0;
  margin: 13px 0 0;
}
.blog_page_head.blog_page_head2 {
  text-align: left;
  width: 100%;
  margin: 0 0 30px;
}
.blog_page_head.blog_page_head2 h2 {
  text-align: left;
  margin: 0 0 8px;
  width: 70%;
}
.blog_page_head.blog_page_head2 p span {
  font-weight: 600;
}
.blog_detls_area img {
  width: 100%;
  border-radius: 15px;
  margin: 0 0 23px;
  height: 400px;
  object-fit: cover;
  object-position: center;
}
.blog_detls_area p {
  color: #fff;
  line-height: 25px;
  padding: 0 0 11px;
  text-align: justify;
}
.blog_detls_area h3 {
  color: #fff;
  margin: 0 0 10px;
}
.blog_detls_area ul {
  padding: 12px 0 9px 15px;
}
.blog_detls_area h4 {
  color: #fff;
  font-size: 19px;
}
.blog_detls_area ul li {
  color: #fff;
  font-size: 16px;
  padding: 0 0 5px;
  line-height: 25px;
}
.all_blog_area_main_left.all_blog_area_main_left_detail {
  border: 0;
}
.all_blog_area_main_right form {
  margin: 0 0 35px;
}
.hotlonch_single {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 19px;
}
.hotlonch_single h3 {
  font-size: 17px;
  margin: 0;
}
.hotlonch_single h3 span {
  display: block;
  font-size: 15px;
  margin: 8px 0 0;
}
.hotlonch_single img {
  margin: 0 12px 0 0;
  width: 58px;
  border-radius: 4px;
}
.career_page_ban img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.career_main_sect_area {
  padding: 70px 50px;
}
.career_header {
  text-align: center;
  margin: 0 auto 60px;
  width: 58%;
}
.career_header h2 {
  color: #d3b062;
  font-size: 35px;
  font-weight: 300;
  margin: 0 0 14px;
}
.career_header p {
  color: #fff;
  font-size: 15px;
  line-height: 21px;
}
.career_main_sect_boxes {
  display: flex;
  justify-content: space-between;
}
.career_main_sect_boxes_right {
  width: 27%;
}
.career_main_sect_boxes_left {
  width: 70%;
}
.career_main_sect_boxes_singl {
  background: #161616;
  margin: 0 0 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 30px;
  position: relative;
  border-radius: 17px;
}
.career_main_sect_boxes_singl img {
  width: 300px;
  margin: 0 24px 0 0;
  border-radius: 14px;
}
.career_sing_cont h3 {
  color: #d3b062;
  font-size: 25px;
  font-weight: 300;
  margin: 0 0 13px;
}
.career_sing_cont p {
  color: #fff;
  font-size: 15px;
  line-height: 21px;
}
.career_sing_cont h4 {
  font-size: 200px;
  color: #d3b062;
  line-height: 139px;
  position: absolute;
  bottom: 31px;
  right: 31px;
  opacity: 0.2;
  font-family: arial;
}
.career_main_sect_boxes_singl_rit {
  background: #161616;
  padding: 25px;
  margin: 0 0 25px;
  border-radius: 15px;
}
.career_main_sect_boxes_singl_rit img {
  width: 100%;
  border-radius: 15px;
  margin: 0 0 10px;
}
.apply_area_single {
  background: #161616;
  border: 1.5px solid #4a4438;
  border-radius: 12px;
  padding: 30px 40px;
  width: 32%;
  height: 350px;
}
.our_communty_area {
  margin: 0 0 80px;
}
.apply_area_single_right {
  margin: 35px 0 0;
}
.apply_area_single_left svg {
  width: 50px;
  color: #fff;
  margin: 0 0 13px;
}
.apply_area_main {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  margin: 50px 0 0;
  gap: 29px;
}
.apply_area_single_left h3 {
  color: #d3b062;
  font-weight: 300;
  font-size: 22px;
  margin: 0 0 8px;
}
.apply_area_single_left p {
  color: #fff;
  margin: 0 0 14px;
  width: 100%;
  line-height: 23px;
  font-weight: 300;
}
.apply_area_single_left h4 {
  color: #fff;
  font-size: 14px;
  margin: 8px 0 0;
  font-weight: 500;
}
.apply_area_single_right a {
  background: #d3b062;
  width: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  border-radius: 4px;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
  letter-spacing: 1.5px;
}
.career_details_main_area {
  padding: 60px 50px;
}
.career_details_main_boxes h3 {
  color: #fff;
  font-size: 26px;
  font-weight: 300;
  margin: 0 0 18px;
}
.career_details_main_boxes p {
  font-size: 16px;
  color: #fff;
  padding: 0 0 11px;
}
.key_respons h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
  margin: 16px 0 9px;
}
.key_respons ul li {
  color: #fff;
  font-size: 15px;
  padding: 0 0 5px;
}
.key_respons ul {
  padding: 0 0 0 15px;
}
.career_details_main_inner {
  display: flex;
  justify-content: space-between;
}
.career_details_apply_form {
  width: 30%;
  margin: 0 0 0 75px;
}
.career_details_main_boxes {
  width: 70%;
}
.job_dtl_option_sing {
  background: #181818;
  margin: 0 0 11px;
  padding: 15px 20px;
  border-radius: 6px;
  color: #fff;
}
.job_dtl_option_sing label {
  font-size: 13px;
  color: #686868;
  margin: 0 0 10px;
  display: block;
}
.job_dtl_option_sing p {
  font-size: 15px;
  line-height: 23px;
}
.uplod_resume_area h2 {
  font-size: 25px;
  font-weight: 300;
  color: #fff;
  margin: 46px 0 18px;
}
.sing_upld_frm input {
  width: 100%;
  height: 45px;
  background: transparent;
  border: 1px solid #3a3a3a;
  padding: 0 16px;
  color: #fff;
  margin: 0 0 14px;
  border-radius: 4px;
}
.uplod_resume_area .gsap-select {
  background: transparent;
  border: 1px solid #3a3a3a;
}
.sing_upld_frm label {
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  display: block;
  margin: 0 0 10px;
}
.select-box {
  border-radius: 4px;
  background-color: transparent;
  color: #000;
}
.phonegrp_sing label {
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  display: block;
  margin: 0 0 10px;
}
.phonegrp_sing .iti--allow-dropdown {
  width: 100%;
  height: 45px;
}
#mobile_code {
  width: 100%;
  height: 45px;
  background: transparent;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  color: #fff;
}
.iti__selected-dial-code {
  color: #fff;
  font-family: Arial;
  font-size: 12px;
}
#iti-0__country-listbox {
  width: 325px;
}












.drop_box h4 {
  font-size: 16px;
  font-weight: 400;
  color: #2e2e2e;
}

.drop_box p {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 12px;
  color: #a3a3a3;
}

.btn {
  text-decoration: none;
  background-color: #d3b062;
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  outline: none;
  transition: 0.3s;
  outline: 1px solid #d3b062;
  border-radius: 4px;
  cursor: pointer;
}
.btn:hover{
  text-decoration: none;
  background-color: #ffffff;
  color: #d3b062;
  padding: 10px 20px;
  border: none;
  outline: 1px solid #010101;
}
.form input {
  margin: 10px 0;
  width: 100%;
  background-color: #e2e2e2;
  border: none;
  outline: none;
  padding: 12px 20px;
  border-radius: 4px;
}
.resum_pdf_upload .form input[type="email"] {
  display: none;
}
.resum_pdf_upload .form {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}
.drop_box_inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}
.resum_pdf_upload h4 {
  color: #595959;
  font-size: 14px;
}
.resum_pdf_upload label {
  color: #fff;
  font-size: 13px;
  margin: 19px 0 16px;
  display: block;
}
.submit_cv_button input {
  width: 100%;
  height: 50px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 15px;
  margin: 35px 0 0;
  background: #d3b062;
  color: #000;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}
.main_award_sect_inn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main_award_sect_left {
  width: 49%;
}
.main_award_sect_right {
  width: 48%;
  padding: 60px 50px 60px 0;
}
.main_award_sect_left img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 25px;
}
.main_award_sect_right h3 {
  color: #d3b062;
  font-size: 22px;
  margin: 0 0 14px;
}
.main_award_sect_right p {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  padding: 0 0 8px;
}
.main_award_sect_right h4 {
  color: #d3b062;
  font-size: 18px;
  margin: 11px 0 12px;
}
.main_award_sect_right ul li {
  color: #fff;
  padding: 0 0 8px;
  list-style: none;
}



.header_menu ul li:nth-child(3) {
  position: relative;
}
.sub_menu.property_submenu {
  width: 300px;
  padding: 15px;
  top: 60px;
}
.header_menu ul li:hover .sub_menu.property_submenu {
  opacity: 1;
  visibility: visible;
  top: 32px;
  transition: ease-in-out 0.6s;
  display: block;
}
.sub_menu.property_submenu ul {
  display: block;
  width: 100%;
  margin: 0 auto 0;
}
.sub_menu.property_submenu ul li {
  width: 100%;
  padding: 8px 0;
}


.main_award_sect {
  padding: 30px;
  border-radius: 40px;
  background: #000;
  margin: 30px;
  margin-bottom: 75px;
}
.main_award_sect_right ul li svg {
  width: 15px;
  transform: rotate(180deg);
  margin: 0 4px 0 0;
  position: relative;
  top: 2px;
  color: #d3b062;
}
.makeus_diffe_area_main {
  padding: 0px 50px 70px;
}
.makeus_diffe_head {
  text-align: center;
  margin: 0 0 65px;
}
.makeus_diffe_head h2 {
  font-size: 30px;
  color: #d3b062;
  font-weight: 300;
  margin: 0 0 9px;
}
.makeus_diffe_head p {
  color: #fff;
  margin: 0;
  font-size: 15px;
}
.makeus_diffe_area_boxes {
  display: flex;
  justify-content: space-between;
}
.makeus_diffe_single {
  width: 32%;
  position: relative;
}
.makeus_diffe_single img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 24px;
}
.over_text {
  background: #fff;
  width: 87%;
  margin: -100px auto 0;
  position: relative;
  padding: 22px;
  border-radius: 15px;
}
.over_text h3 {
  font-size: 19px;
  margin: 0 0 8px;
  color: #b6903d;
}
.over_text p {
  font-size: 15px;
  line-height: 23px;
}

.makeus_diffe_single h4 {
  font-size: 200px;
  position: absolute;
  top: 0;
  right: 0;
  font-family: Arial;
  font-weight: 600;
  color: #000;
  opacity: 0.3;
}


.award_main_area {
  padding: 80px 50px;
}
.award_main_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.award_main_box .award_main_box-single:nth-child(1) {
  width: 59%;
}
.award_main_box .award_main_box-single:nth-child(2) {
  width: 39%;
}
.award_main_box .award_main_box-single:nth-child(4) {
  width: 59%;
}
.award_main_box .award_main_box-single:nth-child(3) {
  width: 39%;
}
.award_main_box .award_main_box-single:nth-child(5) {
  width: 59%;
}
.award_main_box .award_main_box-single:nth-child(6) {
  width: 39%;
}
.awrd_img img {
  width: 100%;
  height: 377px;
  object-fit: cover;
}
.award_main_box-single {
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}
.award_main_box-single h3 {
  position: absolute;
  bottom: 38px;
  left: 37px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50px;
  padding: 12px 28px;
}
.career_page_main_area .banner_main_content {
  top: 44%;
}
.contact_top_inner {
  background: #0d0d0d;
  border-radius: 30px;
  padding: 40px;
  display: flex;
  justify-content: center;
}
.contact_top_main {
  padding: 0 50px 50px;
}
.singl_cont svg {
  width: 50px;
  color: #d3b062;
}
.singl_cont {
  width: 30%;
  text-align: center;
}
.singl_cont h3 {
  color: #fff;
  font-weight: 500;
  margin: 16px 0 18px;
}
.singl_cont a{
  color: #fff;
  text-decoration: none;
  font-size: 16px;
}
.singl_cont.singl_cont_addr a {
  width: 60%;
  display: flex;
  margin: 0 auto;
}
.contactup_page_map iframe {
  width: 100%;
  height: 450px;
}
.contactpage_frame {
  background: #0d0d0d;
  margin: 50px 50px;
  padding: 40px 50px;
  border-radius: 30px;
}
.frm_area_head {
  text-align: center;
  margin: 0 0 53px;
}
.frm_area_head h3 {
  font-size: 30px;
  color: #d3b062;
  font-weight: 300;
  margin: 0 0 8px;
}
.frm_area_head p {
  font-size: 16px;
  color: #fff;
}
.frm_grp input {
  width: 100%;
  height: 50px;
  background: transparent;
  border: 1px solid #1c1c1c;
  color: #fff;
  padding: 0 24px;
  border-radius: 4px;
}
.contactpage_frame_inner textarea {
  width: 100%;
  height: 150px;
  background: transparent;
  border: 1px solid #1c1c1c;
  color: #fff;
  padding: 17px 24px;
  border-radius: 4px;
  margin: 0 0 28px;
}
.frm_grp {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin: 0 0 20px;
}
.contactpage_frame_inner input[type="submit"] {
  padding: 17px 60px;
  background: #d3b062;
  border: 1px solid #d3b062;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  cursor: pointer;
  margin: 0 auto;
  display: block;
}

.banner_main_content.offplan_banner_content {
  left: 10%;
  right: inherit;
  top: 84%;
  margin: 0 0 0 auto;
  text-align: left;
}

.property_detail_overlay2 {
  background: linear-gradient(0deg,rgb(17, 17, 17) 0%, rgba(0, 0, 0, 0) 67%);
}
.offplan_banner_content .banner_up_search_area p {
  font-weight: 200;
}




.offplan_projct_main {
  padding: 70px 50px;
}
.offplan_image_slider img {
  width: 100%;
  border-radius: 20px;
}
.offplan_projct_inner {
  display: flex;
  justify-content: space-between;
}
.offplan_left_area {
  width: 67%;
}
.offplan_right_area {
  width: 30%;
}
.offplan_detail_cont p {
  color: #fff;
  line-height: 28px;
  font-weight: 300;
}
.offplan_detail_cont h3 {
  font-size: 28px;
  color: #fff;
  font-weight: 300;
  margin: 15px 0 13px;
}
.offplan_detail_cont h4 {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  margin: 17px 0 8px;
}
.quick_facts {
  border: 1px solid #272727;
  padding: 30px;
  border-radius: 16px;
}
.quick_facts h3 {
  color: #d3b062;
  font-size: 26px;
  font-weight: 300;
  margin: 0 0 16px;
}
.facts_main p {
  color: #fff;
  font-weight: 300;
  padding: 0 0 11px;
}
.facts_main p span {
  font-weight: 600;
}
.qrcode img {
  width: 90px;
  margin: 2px 0 0;
}
.fetur_aminits_singl img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 14px 0 0;
}
.fetur_aminits {
  border: 1px solid #272727;
  padding: 30px;
  border-radius: 16px;
  margin: 25px 0 0;
}
.fetur_aminits h3 {
  color: #d3b062;
  font-size: 26px;
  font-weight: 300;
  margin: 0 0 16px;
}
.fetur_aminits_singl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 30px 0 0;
}
.fetur_aminits_singl h4 {
  color: #fff;
  font-weight: 500;
}
.fetur_aminits_singl h4 span {
  display: block;
  font-size: 14px;
  font-weight: 200;
  margin: 5px 0 0;
}
.offplan_loction iframe {
  width: 100%;
  height: 400px;
  margin: 34px 0 0;
  border-radius: 20px;
}




.payment_plan {
  border: 1px solid #272727;
  padding: 30px;
  border-radius: 16px;
  margin: 25px 0 0;
}
.payment_plan h3 {
  color: #d3b062;
  font-size: 26px;
  font-weight: 300;
  margin: 0 0 32px;
  text-align: center;
}
.payment_plan_box_sing {
  text-align: center;
}
.payment_plan_box_sing h4 {
  background: #fff;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  padding: 3px 10px;
  border-radius: 22px;
}
.payment_plan_box_sing h5 {
  font-size: 69px;
  font-family: Arial;
  font-weight: 200;
  margin: 0 0 2px;
  color: #d3b062;
}
.payment_plan_box_sing h6 {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
}
.payment_plan_box_sing {
  text-align: center;
  border-bottom: 1px solid #181818;
  margin: 0 0 30px;
  padding: 0 0 30px;
}
.payment_plan_box .payment_plan_box_sing:nth-child(3) {
  margin: 0;
  padding: 0 0 12px;
  border: 0;
}
.career_main_new_area_box {
  display: flex;
  justify-content: space-between;
}
.career_main_sing_area {
  width: 48%;
}
.career_main_sing_area_cont {
  width: 48.5%;
}
.career_main_sing_area img {
  width: 100%;
  height: 510px;
  object-fit: cover;
  border-radius: 30px;
}
.career_main_new_area_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.career_main_sing_area_cont h4 {
  font-size: 17px;
  color: #d3b062;
  margin: 0 0 17px;
}
.career_main_sing_area_cont h2 {
  font-size: 38px;
  font-weight: 300;
  color: #fff;
  margin: 0 0 34px;
}
.career_main_sing_area_cont p {
  color: #fff;
  line-height: 27px;
  font-size: 18px;
}
.career_page_option_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 74px 0 83px;
}
.career_page_option_sing {
  border: 1px solid #2d2d2d;
  width: 24%;
  padding: 30px;
  border-radius: 15px;
}
.career_page_option_sing:nth-child(2n+2){
  border: 1px solid #d3b062;
}
.career_page_option_sing h2 {
  color: #fff;
  font-size: 40px;
  font-family: Arial;
  font-weight: 200;
  margin: 0 0 23px;
}
.career_page_option_sing h2 span {
  font-size: 30px;
  position: relative;
  bottom: 10px;
  color: #d3b062;
}
.career_page_option_sing h3 {
  color: #fff;
  font-weight: 200;
  line-height: 25px;
  width: 80%;
}
.our_communty_area_innr {
  width: 100%;
  height: 500px;
  position: relative;
}
.our_communty_area_innr img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 30px;
}
.communty_cont {
  position: absolute;
  top: 31%;
  left: 56px;
}
.communty_cont h4 {
  color: #d3b062;
  margin: 0 0 13px;
  font-size: 17px;
}
.communty_cont h2 {
  font-size: 30px;
  color: #fff;
  width: 38%;
  margin: 0 0 18px;
}
.communty_cont p {
  color: #fff;
  width: 64%;
  line-height: 25px;
}


.share_area_midl svg {
  width: 22px;
  color: #d3b062;
}
.share_area_midl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main_title_descp_area {
  padding: 40px 100px;
}
.main_title_descp_area_inner {
  background: #171717;
  padding: 30px;
  border-radius: 15px;
}
.main_title_descp_area_inner h2 {
  text-align: center;
  color: #fff;
  margin: 0 0 15px;
}
.main_title_descp_area_inner p {
  text-align: center;
  color: #fff;
}
.bredcumb_area ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bredcumb_area ul li a {
  color: #d3b062;
  text-decoration: none;
}
.bredcumb_area ul li {
  color: #fff;
  list-style: none;
  padding: 0 6px;
  font-size: 14px;
}
.bredcumb_area {
  margin: 12px 0 0;
}
.latest_blog_area_boxes {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.latest_blog_area_boxes_single img {
  width: 100%;
  border-radius: 12px;
}
.latest_blog_area_boxes_single a {
  color: #fff;
  text-decoration: none;
}
.latest_blog_area_boxes_single a p {
  margin: 5px 0 0;
  font-size: 15px;
}
.latest_blog_area_main h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  margin: 42px 0 22px;
}
.latest_blog_area_boxes_single {
  width: 48%;
  padding: 0 0 22px;
}



/*========= Download App Section area =============*/

.download_main_area {
  padding: 70px 50px;
}
.download_main_area_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.download_main_area_right {
  width: 50%;
}
.download_main_area_left {
  width: 50%;
}
.download_main_area_right img {
  width: 86%;
}
.download_main_area_left h2 {
  font-size: 40px;
  color: #fff;
  font-weight: 300;
  margin: 0 0 17px;
}
.download_main_area_left p {
  color: #fff;
  font-size: 16px;
  width: 80%;
  line-height: 24px;
  margin: 0 0 26px;
}
.app_buttons a img {
  width: auto;
  height: 47px;
  padding: 0 7px 0 0;
}
.download_option_area ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.download_option_area ul li {
  list-style: none;
  width: 22%;
}
.download_option_area ul li h3 {
  font-size: 35px;
  color: #d3b062;
  font-family: Arial;
  margin: 0 0 5px;
  font-weight: 200;
}
.download_option_area {
  margin: 49px 0 0;
}
.download_option_area ul span {
  display: block;
  width: 1px;
  height: 50px;
  background: #303030;
  position: relative;
  left: -27px;
  bottom: 13px;
}



.developer_main_logo_slider {
  background: #0d0d0d;
  padding: 100px 0;
}
.developer_main_logo_slider_inner .wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.developer_main_logo_slider_inner .loop-container {
  width: 100%;
  height: 136px;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: 10px;
}

.developer_main_logo_slider_inner .loop-container .element {
  flex: 1 0 250px;
  height: 136px;
}


/* ============ Blog Page Area ============== */

.blog_main_section_main {
  padding: 70px 50px;
}
.blog_main_section_boxes {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blog_main_section_box a img {
  width: 100%;
  object-fit: cover;
}
.blog_main_section_box {
  position: relative;
}
.blog_main_section_box h3 {
  position: absolute;
  top: 25px;
  left: 32px;
  width: 60%;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
}
.blog_main_section_box h4 {
  position: absolute;
  bottom: 25px;
  left: 32px;
  width: 60%;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
}

.blog_main_section_boxes .blog_main_section_box:nth-child(1) {
  width: 48%;
  height: 350px;
  overflow: hidden;
  border-radius: 30px;
}



.blog_main_section_boxes .blog_main_section_box:nth-child(2) {
  width: 24%;
  height: 410px;
  overflow: hidden;
  border-radius: 30px;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(2) img {
  height: 410px;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(2) h3 {
  font-size: 17px;
  width: 90%;
  line-height: 25px;
}






.blog_main_section_boxes .blog_main_section_box:nth-child(3) {
  width: 24%;
  height: 410px;
  overflow: hidden;
  border-radius: 30px;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(3) img {
  height: 410px;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(3) h3 {
  font-size: 17px;
  width: 90%;
  line-height: 25px;
}



.blog_main_section_boxes .blog_main_section_box:nth-child(4) {
  width: 23%;
  height: 410px;
  overflow: hidden;
  border-radius: 30px;
  position: relative;
  bottom: 30px;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(4) img {
  height: 410px;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(4) h3 {
  font-size: 17px;
  width: 90%;
  line-height: 25px;
}




.blog_main_section_boxes .blog_main_section_box:nth-child(5) {
  width: 23%;
  height: 410px;
  overflow: hidden;
  border-radius: 30px;
  position: relative;
  bottom: 30px;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(5) img {
  height: 410px;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(5) h3 {
  font-size: 17px;
  width: 90%;
  line-height: 25px;
}


.blog_main_section_boxes .blog_main_section_box:nth-child(6) {
  width: 50%;
  height: 350px;
  overflow: hidden;
  border-radius: 30px;
  position: relative;
  top: 30px;
}


.blg_ovrly {
  background: rgba(0 ,0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.blog_sect_head_hm h2 {
  color: #d3b062;
  text-align: center;
  font-size: 30px;
  font-weight: 200;
  padding: 0 0 50px;
}



/* ============== Faq Section Css ================ */


.accordion-wrapper {
  width: 60%;
  margin: 0 auto;
}

.accordion-header {
  cursor: pointer;
  padding: 15px 20px;
  background-color: #232323;
  border: 1px solid #2f3032;
  margin-top: 1rem;
  background-size: 60px;
  background-position: right bottom;
  background-repeat: no-repeat;
  border-radius: 6px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*Images are NOT included here. Images are NOT important for this lessons.*/

.accordion-header:nth-of-type(1) {
  background-image: url("3d-glasses.png");
}

.accordion-header:nth-of-type(3) {
  background-image: url("cinema-camera.png");
}

.accordion-header:nth-of-type(5) {
  background-image: url("clapperboard.png");
}

.accordion-content {
  display: none;
  padding: 10px;
  border: 1px solid #fff;
  background-color: #fff;
}
.accordion-header svg {
  width: 20px;
}

.icon {
  float: right;
  font-size: 20px;
  margin-right: 10px;
  transition: transform 0.2s ease-in-out;
}

.expanded {
  //transform: rotate(45deg);
}
.faq_main_section_area {
  padding: 70px 50px;
  background: #0b0b0b;
}
.faq_header {
  text-align: center;
  margin: 0 0 54px;
}
.faq_header h2 {
  color: #d3b062;
  font-weight: 300;
  font-size: 40px;
  text-align: center;
  margin: 0 0 12px;
}
.faq_header p {
  color: #fff;
  font-size: 16px;
}
.property_detal_ban img {
  width: 100%;
  height: 84vh;
  object-fit: cover;
  object-position: top;
}
.banner_area_main.property_detail_inn_ban {
  height: 84vh;
}


/* ============ Image Slider css ============== */


.thumbnail_slider {
  max-width: 100%;
  margin: 0;
  width: 100%;
  height: 100%;
}

.splide__slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    width: 580px;
    overflow: hidden;
    transition: .2s;
    border-width: 2px !important;
   
}

.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
    box-shadow: 2px 3px 8px #000000a3;
}

.splide__slide img {
    width: auto;
    height: auto;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
}
#thumbnail_slider {
  position: absolute;
  bottom: 77px;
  right: 50px;
  z-index: 99999;
  width: 500px;
}
.splide__arrows {
  display: none;
}
.thumbnel_image_slider {
  position: relative;
}




/* Slider CSS End  */

.viewmore_btn {
  margin: 0 0 0 auto;
  width: 176px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  border-radius: 50px;
  color: #000;
  text-decoration: none;
}

.more_gallery {
  position: absolute;
  left: 51px;
  top: 70px;
  z-index: 999;
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 400;
  background: rgba(0, 0, 0, 0.6);
  display: inline-flex;
  padding: 7px 37px;
  color: #fff;
}
.logo_foot {
  margin: 23px 0 0;
}
.logo_social {
  margin: 23px 0 0;
}





/*============================= Responsive Css Start ===============================*/


@media screen and (max-width: 1920px) {
.logoR_main {
  right: 48.9%;
}
.logoL_main {
  left: 48.9%;
}


}


@media screen and (max-width: 1700px) {
.logoR_main {
  right: 48.7%;
}
.logoL_main {
  left: 48.7%;
}


}


@media screen and (max-width: 1540px) {
.apply_area_single {
  width: 31.7%;
}
.tickets__ticket {
  width: 53vw;
}
.project-wrap {
  height: 420px;
}
.prop_dtl_about_area2 .prop_dtl_about_area_inner p {
  width: 60%;
  margin: 0 auto 10px;
}



}

@media screen and (max-width: 1440px) {
.tickets {
  margin: -40px 0 0;
}
.blog_main_section_box h3 {
  left: 19px;
  font-size: 18px;
  line-height: 26px;
}

.prop_dtl_about_area {
  padding: 70px 224px;
}

.tickets__ticket {
  height: 19.4vw;
}
.exc_left img {
  height: 19.4vw;
}
.exc_right h3 {
  font-size: 20px;
  margin: 0 0 3px;
}
.exc_right p {
  font-size: 13px;
  margin: 0 0 10px;
  line-height: 19px;
}
.exc_right p {
  font-size: 13px;
}
.exc_right ul li svg {
  width: 14px;
  margin: 0 5px 0 0;
  position: relative;
  bottom: 2px;
}
.exc_button .btntxt {
  font-size: 12px;
  width: 120px;
  height: 35px;
}
.exc_button .btnarw {
  height: 35px;
  width: 35px;
}
.btnarw svg {
  width: 16px;
}
.card {
  height: 531px;
  max-width: 1332px;
}
.buysell_card_inn {
  height: 531px;
  padding: 80px 52px;
}
.masking_main_content_left img {
  height: 473px;
}
.masking_main_content_right {
  padding: 30px 43px;
}
.property_listing_main {
  height: 100vh;
}
.team_head p {
  width: 66%;
}













}

@media screen and (max-width: 1366px) {
.prop_dtl_about_area {
  padding: 70px 170px;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(2) h3,
.blog_main_section_boxes .blog_main_section_box:nth-child(3) h3,
.blog_main_section_boxes .blog_main_section_box:nth-child(4) h3,
.blog_main_section_boxes .blog_main_section_box:nth-child(5) h3 {
  font-size: 16px;
  width: 87%;
  line-height: 24px;
}
.download_option_area ul li {
  width: 27%;
}
.logoL_main {
  left: 48.5%;
}
.logoR_main {
  right: 48.5%;
}
.card {
  height: 531px;
  max-width: 92%;
}
.logoL_main {
  left: 51.5%;
}
.logoR_main {
  right: 45.7%;
}
.exc_left {
  width: 35%;
}
.tickets__ticket {
  height: 19.9vw;
}
.exc_right p {
  line-height: 18px;
}
.exc_right ul li {
  font-size: 13px;
}
.prty_over_cont_btn {
  width: 83%;
}
.main_property_listing_left {
  width: 222px;
}











}

@media screen and (max-width: 1280px) {
.tickets__ticket {
  height: 26vw;
}
.download_main_area_left h2 {
  font-size: 34px;
  margin: 0 0 15px;
}
.download_option_area ul li {
  width: 29%;
}
.apply_area_single {
  width: 31.5%;
}
.makeus_diffe_single h4 {
  font-size: 100px;
}
.prop_dtl_about_area2 .prod_dtlabout_option_boxes_sing {
  height: 191px;
}
.main_team_area_slider .picker {
  top: 21%;
}
.buysell_card_right img {
  width: 350px;
  height: 350px;
}
.project-wrap {
  height: 360px;
}
.masking_main_content_left img {
  height: 350px;
}
.exclu_head {
  top: 3px;
}
.main_property_listing_right_box_single {
  width: 32%;
}
.exclu_head h2 {
  font-size: 25px;
}
.team_head p {
  width: 90%;
}
.team_area_main {
  height: 120vh;
}
.team_area_main_inner {
  height: 120vh;
}
.carousel_team {
  top: calc((145vh - 314px) / 2);
}
.nav {
  bottom: 3rem;
}
.exc_left img {
  height: 26.1vw;
}
.tickets {
  margin: -27px 0 0;
}
.item {
  width: 170px;
  height: 272px;
}
.carousel_team .wrapper_team div {
  width: 258px;
  height: 350px;
}
.dragable_section {
  bottom: 14px;
}
.review_head {
  margin: 0 0 51px;
}
.client-comment {
  padding: 0 30px 9px;
}
.logoL_main {
  left: 51.3%;
}
.logoR_main {
  right: 45.5%;
}
.video-wrapper video {
  object-fit: cover;
  height: 100vh;
}








}

@media screen and (max-width: 1200px) {
  .logoL_main {
    left: 51.1%;
  }
}


@media screen and (max-width: 1180px) {
.logoL_main {
  left: 51.1%;
}
.prop_dtl_about_area2 .prod_dtlabout_option_boxes_sing {
  height: 211px;
}
.prop_dtl_about_area {
  padding: 70px 70px;
}
.prop_dtl_about_area.prop_dtl_about_area2 {
  padding: 70px 70px;
}
.morget_three_option_sing h4 {
  font-size: 15px;
}
.mortgage_calcu_area {
  padding: 70px 50px;
}
.property_location_main_block {
  width: 55%;
}
.main_property_listing_right {
  width: 77%;
}
.logoR_main {
  right: 45.2%;
}
.tickets__ticket {
  width: 60vw;
}
.exc_right h3 {
  font-size: 17px;
  margin: 1px 0 3px;
}
.banner_main_content {
  width: 84%;
}
.prty_over_cont_btn {
  width: 89%;
}
.content {
  width: min(35vw, 490px);
}
.prmt_constaltancy_area {
  padding: 80px 50px;
}
.prmt_constaltancy_area_right img {
  top: 50px;
}
.client-comment h3 {
  font-size: 15px;
  line-height: 22px;
}
.project-wrap {
  width: 27vw;
}
.prty_over_cont_btn {
  width: 86%;
}
.apply_area_single_left h3 {
  font-size: 20px;
}



}


@media screen and (max-width: 1180px) {
  .prty_over_cont_btn {
    width: 80%;
  }
    .exclu_head {
    top: 0px;
  }
  .main_property_listing_right {
    width: 75%;
  }
.property_listing_right_content {
    padding: 19px 16px;
  }
.apply_area_single_left p {
  width: 85%;
}
.apply_area_single_left p {
  width: 100%;
}
.apply_area_single_left p {
  line-height: 21px;
}
.apply_area_single_left svg {
  width: 43px;
}




}


@media screen and (max-width: 1140px) and (max-height: 573px) {
  
  .exclu_head {
    top: -30px;
  }
  .main_team_area_slider .picker {
    top: 21%;
  }

}


@media screen and (max-width: 1080px) {
.makeus_diffe_single img {
  height: 290px;
  border-radius: 18px;
}
.download_main_area_left h2 {
  font-size: 31px;
}
.download_option_area ul li h3 {
  font-size: 30px;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(1) {
  height: 310px;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(6) {
  height: 310px;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(2) {
  height: 357px;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(3) {
  height: 357px;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(4) {
  height: 357px;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(5) {
  height: 357px;
}
.prty_over_cont_btn {
  width: 81%;
}
.download_option_area ul li {
  width: 33%;
}
.apply_area_single {
  width: 48%;
}
.communty_cont h2 {
  width: 55%;
}
.career_page_option_sing h3 {
  line-height: 24px;
  width: 100%;
  font-size: 17px;
}
.award_main_box .award_main_box-single:nth-child(1) {
  width: 58%;
}
.award_main_box .award_main_box-single:nth-child(4) {
  width: 58%;
}
.award_main_box .award_main_box-single:nth-child(5) {
  width: 58%;
}
.prod_dtlabout_option_sing_rit h3 {
  font-size: 18px;
  letter-spacing: 0;
}
.prop_dtl_about_area.prop_dtl_about_area2 {
  padding: 70px 30px;
}
.prop_dtl_about_area2 .prod_dtlabout_option_boxes_sing {
  height: 232px;
}
.prmt_constaltancy_area_left p {
  font-size: 15px;
  line-height: 23px;
}
.prmt_constaltancy_area_left h3 {
  font-size: 35px;
  margin: 0 0 10px;
}
.prmt_constaltancy_area_inner {
  height: 368px;
}
.project-wrap {
  width: 29vw;
}
.logoL_main {
  left: 51%;
}
.logoR_main {
  right: 45.2%;
}
.tickets__ticket {
  height: 26.9vw;
}
.exc_left img {
  height: 26.9vw;
}
.masking_main_content_right {
  width: 76%;
  left: -48px;
}











}


@media screen and (max-width: 1030px) {
.logoL_main {
    left: 51.2%;
  }
}


@media screen and (max-width: 1024px) {
.content {
  width: min(37vw, 490px);
}
.blog_page_head h2 {
  font-size: 30px;
}
.blog_detls_area img {
  height: 310px;
}
.developer_main_logo_slider_inner .loop-container .element {
  flex: 1 0 200px;
  height: 103px;
}
.developer_main_logo_slider_inner .loop-container {
  height: 103px;
}
.blog_main_section_box h3 {
  width: 79%;
}
.logoL_main {
  left: 51%;
}
.logoR_main {
  right: 45%;
}
.prod_dtlabout_option_sing_rit h3 {
  font-size: 18px;
  letter-spacing: 0;
}
.prop_dtl_about_area.prop_dtl_about_area2 {
  padding: 70px 30px;
}
.prop_dtl_about_area2 .prod_dtlabout_option_boxes_sing {
  height: 232px;
}
.property_location_main_block {
  width: 66%;
}
.main_property_listing_left {
  width: 230px;
}
.main_property_listing_right {
  width: 72%;
}
.main_property_listing_right_box_single {
  width: 49%;
}
.prty_over_cont_btn {
  width: 80%;
}
.banner_main_content {
  width: 91%;
}
.tickets__ticket {
  height: 28.9vw;
}
.exc_left img {
  height: 28.9vw;
}
.project-wrap {
  width: 31vw;
}



}


@media screen and (max-width: 820px) {
.main_property_listing_area {
  padding: 30px 22px;
  background: #171717;
}
.blog_page_head.blog_page_head2 h2 {
  width: 100%;
}
.latest_blog_area_boxes_single {
  width: 23%;
}
#thumbnail_slider {
  bottom: 20px;
  right: 20px;
}
.accordion-wrapper {
  width: 100%;
}
.main_title_descp_area {
  padding: 40px 30px;
}
.faq_main_section_area {
  padding: 70px 30px;
  background: #0b0b0b;
}
.download_main_area {
    padding: 70px 30px;
}
.client-comment {
    padding: 31px 30px 9px;
}
.download_main_area_inner {
    flex-wrap: wrap;
}
.download_main_area_left {
    width: 100%;
}
.download_main_area_right {
    width: 100%;
}
.download_option_area ul li {
    width: 25%;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(2) {
    height: 310px;
    width: 48%;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(3) {
    height: 310px;
    width: 48%;
    bottom: inherit;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(4) {
    height: 310px;
    width: 48%;
    bottom: inherit;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(5) {
    height: 310px;
    width: 48%;
    bottom: inherit;
}
.blog_main_section_boxes .blog_main_section_box:nth-child(6) {
    height: 310px;
    width: 48%;
    top: inherit;
}
.blog_main_section_box {
    margin: 0 0 28px;
}
.blog_main_section_box a img {
    height: 310px;
}
.exc_right p {
  line-height: 17px;
  font-size: 12px;
}
.exc_right ul li {
  font-size: 12px;
  line-height: 19px;
}
.header_menu ul li:hover .sub_menu {
  top: 205px;
}
.sub_menu{
  top: 225px;
  padding: 0;
}
.communty_cont {
  top: 20%;
  left: 35px;
}
.sub_menu ul {
  width: 97%;
  padding: 12px 30px;
}
.sub_menu ul li a {
  transition: ease-in-out 0.6s;
  padding: 6px 0 !important;
}
.sub_menu ul {
  flex-direction: row !important;
}
.communty_cont h2 {
  width: 66%;
}
.communty_cont p {
  width: 73%;
}
.career_main_sing_area_cont h2 {
  font-size: 25px;
  margin: 0 0 14px;
}
.career_main_sing_area_cont p {
  line-height: 24px;
  font-size: 16px;
}
.career_page_option_area {
  flex-wrap: wrap;
}
.career_page_option_sing {
  width: 48%;
  margin: 0 0 23px;
}

.career_page_option_sing h3 {
  font-size: 19px;
}
.singl_cont {
  width: 40%;
}
.contact_top_inner {
  border-radius: 20px;
  padding: 18px;
}
.singl_cont.singl_cont_addr a {
  width: 87%;
}
.blog_page_head {
  width: 100%;
  margin: 0 auto 50px;
}
.all_blog_area_main {
  flex-wrap: wrap;
}
.all_blog_area_main_left {
  width: 100%;
  margin: 0 0 0 0;
  border-right: 0;
}
.blog_page_main {
  padding: 45px 22px;
}
.all_blog_area_main_right {
  width: 100%;
}
.award_main_area {
  padding: 60px 20px;
}
.awrd_img img {
  height: 270px;
}
.award_main_box-single h3 {
  bottom: 28px;
  left: 19px;
  font-size: 14px;
}
.career_main_sect_boxes {
  flex-wrap: wrap;
}
.career_main_sect_boxes_left {
  width: 100%;
}
.career_main_sect_boxes_right {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.career_main_sect_boxes_singl_rit {
  width: 48%;
}
.career_header {
  margin: 0 auto 32px;
  width: 100%;
}
.apply_area_single {
  width: 100%;
}
.prop_dtl_about_area2 .prop_dtl_about_area_inner p {
  width: 93%;
}
.makeus_diffe_area_main {
  padding: 0px 30px 70px;
}
.makeus_diffe_single h4 {
  font-size: 73px;
}
.main_award_sect_right {
  width: 47%;
  padding: 60px 0 60px 0;
}
.over_text h3 {
  font-size: 17px;
}
.over_text {
  width: 97%;
  padding: 14px;
  border-radius: 15px;
}
.prod_dtlabout_option_boxes_sing {
  padding: 26px 11px;
}
.prop_dtl_about_area2 .prod_dtlabout_option_boxes_sing {
  height: 190px;
  width: 50%;
}
.prop_dtl_about_area2 .prod_dtlabout_option_boxes_sing:nth-child(2){
  border-right: 0;
}
.prop_dtl_about_area2 .prod_dtlabout_option_boxes_sing:nth-child(3){
  border-right: 1px solid #242424;
}
.prop_dtl_about_area2 .prod_dtlabout_option_boxes_sing:nth-child(4){
  border-right: 0;
  border-bottom: 1px solid #242424;
}
/*.prod_dtlabout_option_boxes_sing:nth-child(2) {
  border-right: 1px solid #242424;
}
.prod_dtlabout_option_boxes_sing:nth-child(3) {
  border-right: 0;
}
.prod_dtlabout_option_boxes_sing:nth-child(4) {
  border-right: 1px solid #242424;
}*/
.prop_dtl_about_area {
  padding: 70px 30px;
}
.prod_dtlabout_option_sing_rit h3 {
  font-size: 14px;
}
.prop_dtl_about_area.prop_dtl_about_area2 {
  padding: 70px 30px;
}
.mortgage_calcu_area {
  padding: 70px 30px;
} 
.main_property_listing_left {
  width: 197px;
}
.header_right.property_more a .getqt {
  width: auto;
}
.header_right a {
  width: 100%;
}
.mortgage_calcu_area_main_box_right {
  margin: 0 0 0 15px;
  padding: 14px;
}
.mortgage_calcu_area_main_box_left {
  padding: 29px 15px;
  border-radius: 15px;
}
.property_location_main_block {
  width: 75%;
}

.cls_menu {
  display: flex;
  position: absolute;
  top: 17px;
  right: 20px;
  cursor: pointer;
}
.prty_over_cont_btn {
  width: 80%;
}
.tickets__ticket {
  height: 36.9vw;
}
.exc_left img {
  height: 36.9vw;
}
.masking_main_content {
  flex-wrap: wrap;
}
.masking_main_content_right {
  width: 100%;
  left: 0;
}
.masking_main_content_left {
  width: 100%;
}
.header_menu {
  position: fixed;
  left: -100%;
  top: 0;
  background: #000;
  width: 100vw;
  height: 100vh;
  padding: 40px;
  transition: ease-in-out 0.6s;
}
.header_menu.header_menu2{
  left: 0;
  transition: ease-in-out 0.6s;
}
.header_menu ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}
.header_menu ul li a {
  padding: 13px 0;
  display: block;
}
.cls_menu svg {
  fill: #ff963a;
  width: 30px;
}
.toggle_menu {
  display: block;
  margin: 0 0 0 31px;
  cursor: pointer;
}
.toggle_menu span {
  background: #fff;
  width: 28px;
  height: 1.5px;
  display: block;
  border-radius: 50px;
}
.toggle_menu span:nth-child(2) {
  margin: 9px 0;
}
.header_right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.hidden_body {
  overflow: hidden !important;
}
.banner_up_search_area h1 {
  font-size: 33px;
}
.banner_up_search_area h2 {
  font-size: 33px;
}
.banner_up_search_area p {
  font-size: 16px;
}

.sec1 {
  height: 100vh;
}
.main_content {
  height: 100vh;
}
.banner_main_content {
  width: 100%;
  padding: 0 25px;
}
.main_header_area {
  padding: 0 20px 0;
}
.logoL_main {
    left: 46%;
}
.logoR_main {
    right: 49.2%;
}
.effect .img {
    top: 45%;
    height: 111vh;
}
.buysell_card_right img {
    width: 240px;
}
.buysell_card_left p {
    font-size: 16px;
    width: 73%;
}
.project-wrap {
    width: 39vw;
}
.masking_main_area {
    height: 100vh;
    display: flex;
}
.item {
    width: 160px;
    height: 272px;
}
.mask-text {
    font-size: 94px;
    margin: 0 auto;
    text-align: center;
}
.mask-text span {
    font-size: 37px;
}
.explore-slider .active_prt .details {
    left: 75px !important;
}
.explore-slider .active_prt h2 {
    font-size: 25px;
}
.prmt_constaltancy_area_left {
    width: 147%;
}
.client-single .client-img img {
    width: 107px;
    height: 107px;
}
.foot_last_contact {
    gap: 10px;
}
.call_hlp a {
    font-size: 15px;
}
.main_footer_area {
    padding: 80px 20px;
}
.foot_last_contact svg {
    width: 18px;
    margin: 0 6px 0 0;
}






}


@media screen and (max-width: 640px) {
.header_left img {
    width: 55px;
}
.blog_detls_area img {
  height: 210px;
}
.latest_blog_area_boxes_single {
  width: 48%;
}
.main_footer_area {
  padding: 37px 20px 27px;
}
#primary_slider-list li {
  height: 330px !important;
}
.more_gallery {
  left: 19px;
  top: 30px;
  font-size: 17px;
  padding: 7px 16px;
}
.faq_main_section_area {
  padding: 40px 20px;
}
.faq_header h2 {
  font-size: 25px;
}
.main_title_descp_area_inner h2 {
  font-size: 17px;
  line-height: 23px;
}
.main_title_descp_area_inner p {
  font-size: 15px;
  line-height: 21px;
}
.main_title_descp_area {
  padding: 40px 20px;
}
.download_main_area_left h2 {
  font-size: 25px;
}
.download_main_area_left p {
  font-size: 15px;
  width: 100%;
  line-height: 23px;
}
.banner_area_main.property_detail_inn_ban {
  height: 40vh;
}
.property_detal_ban img {
  height: 40vh;
}
.developer_main_logo_slider_inner .loop-container .element {
    flex: 1 0 156px;
    height: 84px;
}
.developer_main_logo_slider_inner .loop-container {
    height: 84px;
}
.client-single .client-img img {
    width: 90px;
    height: 90px;
}
.download_option_area ul li:nth-child(3) {
    width: 26%;
}
.download_option_area ul li:nth-child(1) {
    width: 36%;
}
.download_main_area {
    padding: 40px 15px;
}
.download_option_area ul li h3 {
    font-size: 22px;
}
.download_option_area ul li p {
    font-size: 13px;
    width: 100% !important;
}
.blog_main_section_main {
    padding: 40px 15px;
}
.blog_main_section_box {
    width: 100% !important;
}
.download_option_area ul li {
    width: 40%;
}
.sub_menu.property_submenu ul {
  padding: 0 0;
}
.sub_menu ul {
  width: 100%;
  margin: 0 auto;
}
.sub_menu ul li {
  width: 48%;
  padding: 5px 0;
}
.sub_menu ul li a {
  padding: 10px 0;
  display: block;
}
.our_communty_area_innr img {
  height: 500px;
  border-radius: 20px;
}
.communty_cont h2 {
  width: 100%;
  font-size: 25px;
}
.career_main_sing_area {
  width: 100%;
}
.career_main_sing_area img {
  height: 300px;
  border-radius: 20px;
  margin: 0 0 19px;
}
.career_main_sing_area_cont {
  width: 100%;
}
.career_page_option_area {
  margin: 30px 0 23px;
}
.communty_cont p {
  width: 94%;
  line-height: 23px;
}
.career_page_option_sing {
  width: 100%;
  margin: 0 0 18px;
}
.career_main_new_area_box {
  flex-direction: column;
}
.contact_top_main {
  padding: 0 15px 50px;
}
.contact_top_inner {
  border-radius: 15px;
  padding: 18px;
  flex-direction: column;
  align-items: anchor-center;
}
.singl_cont {
  width: 100%;
  margin: 0 0 27px;
}
.frm_grp {
  flex-wrap: wrap;
}
.frm_area_head h3 {
  font-size: 25px;
}
.contactup_page_map iframe {
  height: 240px;
}
.contactpage_frame {
  margin: 30px 15px;
  padding: 25px 20px;
  border-radius: 23px;
}
.single_blog_area_left img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  margin: 0 0 8px;
}
.blog_page_head.blog_page_head2 h2 {
  width: 100%;
  font-size: 25px;
}
.all_blog_area_main_right {
  margin: 22px 0 0;
}
.single_blog_area {
  flex-direction: column;
  margin-right: 0;
}
.award_main_box-single {
  width: 100% !important;
}
.award_main_box-single h3 {
  font-size: 14px;
  width: 89%;
}
.career_main_sect_area {
  padding: 40px 15px;
}
.career_main_sect_boxes_singl {
  margin: 0 0 30px;
  padding: 17px;
  border-radius: 15px;
  flex-direction: column;
}
.career_main_sect_boxes_singl img {
  width: 100%;
  margin: 0 0 13px 0;
  border-radius: 14px;
}
.career_main_sect_boxes_right {
  flex-wrap: wrap;
}
.career_main_sect_boxes_singl_rit {
  width: 100%;
}
.apply_area_single {
  width: 100%;
  height: auto;
}
.career_main_sect_boxes_singl_rit {
  padding: 15px;
  width: 100%;
}
.apply_area_single {
  flex-wrap: wrap;
}
.apply_area_single_left p {
  width: 100%;
}
.apply_area_single_right {
  margin: 20px 0 0 auto;
}
.prop_dtl_about_area2 .prod_dtlabout_option_boxes_sing {
  height: auto;
  width: 100%;
}
.prop_dtl_about_area2 .prod_dtlabout_option_boxes_sing {
  height: auto;
}
.prod_dtlabout_option_boxes_sing {
  padding: 26px 0;
}
.about_image_single {
  height: 47vh;
  background-position: center right;
}
.main_award_sect {
  padding: 15px;
  border-radius: 25px;
  margin: 15px;
  margin-bottom: 33px;
}
.main_award_sect_inn {
  flex-wrap: wrap;
}
.main_award_sect_left {
  width: 100%;
}
.main_award_sect_left img {
  height: 245px;
  border-radius: 17px;
}
.main_award_sect_right {
  width: 100%;
  padding: 16px 15px 15px 0;
}
.main_award_sect_right h3 {
  font-size: 19px;
  margin: 0 0 10px;
}
.main_award_sect_right p {
  line-height: 23px;
  font-size: 14px;
}
.main_award_sect_right ul li {
  font-size: 14px;
}
.makeus_diffe_area_main {
  padding: 0px 15px 36px;
}
.makeus_diffe_head h2 {
  font-size: 25px;
}
.makeus_diffe_head {
  margin: 0 0 30px;
}
.makeus_diffe_area_boxes {
  flex-wrap: wrap;
}
.makeus_diffe_single {
  width: 100%;
  margin: 0 0 21px;
}
.over_text {
  width: 97%;
  padding: 15px;
}
.makeus_diffe_single img {
  height: 323px;
}
.makeus_diffe_single h4 {
  font-size: 93px;
}





.prop_dtl_about_area {
  padding: 30px 15px;
}
.prop_dtl_about_area_inner h2 {
  font-size: 25px;
  margin: 0 0 10px;
}
.main_property_listing_all {
  flex-wrap: wrap;
}
.main_property_listing_left {
  width: 100%;
}
.main_property_listing_right {
  width: 100%;
}
.prop_dtl_about_area_inner p {
  font-size: 15px;
  line-height: 22px;
}
.prod_dtlabout_option_boxes_sing {
  width: 100%;
  height: auto;
}
.prod_dtlabout_option_boxes_sing:nth-child(1) {
  border-right: 0;
}
.prod_dtlabout_option_boxes_sing:nth-child(2) {
  border-right: 0;
}
.prod_dtlabout_option_boxes_sing:nth-child(4) {
  border-bottom: 1px solid #242424;
  border-right: 0;
}
.prod_dtlabout_option_boxes_sing:nth-child(5) {
  border-bottom: 1px solid #242424;
  border-right: 0;
}
.prop_dtl_about_area.prop_dtl_about_area2 {
  padding: 30px 15px;
}
.mortgage_calcu_area {
  padding: 30px 15px;
}
.mortgage_calcu_area_main_box {
  flex-wrap: wrap;
}
.mortgage_calcu_area_main_box_left {
  width: 100%;
}
.mortgage_calcu_area_main_box_right {
  margin: 15px 0 0 0;
  padding: 14px;
  width: 100%;
}
.mortg_heading h2 {
  font-size: 25px;
}
.property_value h2 {
  font-size: 24px;
}
.morget_three_option {
  flex-wrap: wrap;
}
.morget_three_option_sing {
  width: 49.2%;
  margin: 7px 0 0;
}
.property_location_main_inn iframe {
  height: 245px;
}
.property_location_main_block {
  width: 100%;
  position: inherit;
  left: 0;
  padding: 30px 15px;
}
.property_location_single {
  width: 100%;
  margin: 0 0 23px;
}
.sorting_area {
  justify-content: space-between;
  margin: 33px 0 17px;
}
.main_property_listing_right_box_single {
  width: 100%;
}
.main_property_listing_filter form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.main_property_listing_filter form .gsap-select {
  width: 49%;
  margin: 0 0 10px;
}
.main_property_listing_filter form .budget-slider {
  margin: 8px 0 33px;
}
.banner_area_main.banner_area_main_inner {
  height: 139px;
}
.banner_area_main.banner_area_main_inner .banner_up_search_area h1 {
  padding: 52px 0 0;
  font-size: 20px;
}
.main_property_listing_filter h3 {
  margin: 0 0 20px;
}
.getqt {
    width: 139px !important;
    height: 37px !important;
}
.header_right a span {
    width: 37px;
    height: 37px;
}
.main_srch_frm form {
    flex-wrap: wrap;
}
.main_srch_frm {
    background: #eee;
    border-radius: 15px;
    padding: 20px 20px;
    height: 334px;
    align-items: flex-start;
}
.show_projct {
    margin: 22px 0 0 0;
    width: 100%;
}
.budget-slider {
    margin: 15px 0 0;
}
.banner_up_search_area h1 {
    font-size: 25px;
}
.banner_up_search_area h2 {
    font-size: 25px;
}
.banner_main_content {
    top: 26%;
}
.logoL_main, .logoR_main{
  display: none;
}
.tickets__ticket {
    height: 110vw;
    width: 76vw;
    justify-content: flex-start;
    flex-direction: column;
}
.exc_right {
    width: 100%;
    padding: 0 14px;
}
.exc_left {
    width: 97%;
    margin: 0 0 5px;
}
.exclu_head {
    top: 0;
}
.tickets {
    margin: -136px 0 0;
}
.exc_left img {
    margin: 6px 0 0;
}
.buysell_card_left p {
    font-size: 16px;
    width: 100%;
}
.buysell_card_left {
    top: 0;
    width: 100%;
}
.buysell_card_inn {
    padding: 50px 26px;
}
.buysell_card_inn {
    height: 800px;
    width: 100%;
    flex-direction: column;
}
.card {
    height: 635px;
}
.buysell_card_left h2 {
    font-size: 35px;
}
.cards-section {
    height: 100vh;
}
.portfolio-tabs {
    justify-content: center;
    flex-wrap: wrap;
}
.tab-btn {
    width: 156px;
}
.project-wrap {
    width: 74vw;
}
#portfolio {
    padding: 85px 20px 80px;
}
.mask-text {
    font-size: 55px;
}
.mask-text span {
    font-size: 21px;
    margin: -10px 0 0;
}
.item {
    width: 123px;
    height: 127px;
    top: 19%;
}
.masking_main_content {
    flex-wrap: wrap;
}
.masking_main_content_left {
    width: 100%;
}
.masking_main_area {
    padding: 141px 20px 100px;
}
.masking_main_content_left img {
    height: 244px;
    border-radius: 20px;
}
.masking_main_content_right {
    width: 100%;
    left: 0;
    padding: 19px 20px;
    border-radius: 20px;
    bottom: 38px;
}
.content {
    width: min(70vw, 490px);
}
.content h2 {
    font-size: 22px !important;
}
.content h3 {
    font-size: 22px !important;
}
.content p {
    font-size: 15px !important;
}
.team_area_main_inner {
    padding: 80px 20px;
}
.team_head p {
    width: 100%;
}
.carousel_team .wrapper_team div {
    width: 313px;
    height: 406px;
}
.prmt_constaltancy_area {
    padding: 80px 20px;
}
.prmt_constaltancy_area_inner {
    height: auto;
    flex-wrap: wrap;
    padding: 34px;
    border-radius: 34px;
    width: 100%;
}
.prmt_constaltancy_area_right img {
    top: 38px;
    width: 100%;
}
.d-flex {
    display: flex;
    flex-direction: column;
}
.explore-slider .item_prt {
  max-height: 50px;
}
.explore-slider .item_prt.active_prt {
  max-height: 500px;
}
.explore-slider .item_prt .details {
    bottom: -5px;
    transform: rotate(0);
}
.client-comment {
    padding: 0 0px 18px;
}
.prmt_constaltancy_area_inner.prmt_constaltancy_area_inner2 {
    height: auto;
}
.prmt_constaltancy_area_head h2 {
    font-size: 27px;
}
.prmt_constaltancy_form form {
    flex-wrap: wrap;
}
.single_frm {
    width: 100%;
}
.foot_middle {
    flex-wrap: wrap;
}
.foot_middle_left {
    flex-wrap: wrap;
}
.foot_middle_left_fst {
    flex-wrap: wrap;
    width: 100%;
}
.foot_middle_left_about {
    width: 100%;
    margin: 0 0 0 0;
}
.foot_middle_left_link {
    display: flex;
    justify-content: flex-start;
    margin: 31px 0 33px;
}
.foot_last_contact {
    flex-wrap: wrap;
    width: 100%;
}
.need_hlp {
    width: 100%;
    text-align: center;
    margin: 0 0 8px;
}
.copyright_area {
    justify-content: center;
    margin: 30px 0 0;
    flex-wrap: wrap;
}
.copyright_area p:nth-child(1) {
    margin: 0 0 7px;
}
.cards-section {
    width: 100vw !important;
}
.review_section_area_main {
  padding: 30px 20px 29px;
  height: 100vh;
}

}


@media screen and (max-width: 430px) {
.team_single img {
    object-fit: cover;
}
.client-single.position-5, .client-single.position-7, .client-single.position-6 {
    right: -39px;
}
.client-single.position-4, .client-single.position-3, .client-single.position-2 {
    left: -40px;
}
.carousel_team .wrapper_team div {
    width: 318px;
    height: 326px;
}
.exc_right p {
  line-height: 17px;
  font-size: 12px;
}
.exc_right ul li {
  font-size: 12px;
  line-height: 19px;
}
.exc_left img {
  height: 33.9vw;
}
.tickets {
  margin: -92px 0 0;
}
.masking_main_content_right h3 {
  font-size: 20px;
  padding: 0 0 5px;
}
.masking_main_content_right p {
  font-size: 13px;
  padding: 4px 0;
  line-height: 20px;
}
.masking_main_content_right ul li {
  font-size: 13px;
}
.masking_main_content_right {
  bottom: 85px;
}
.prmt_constaltancy_area_left h3 {
  font-size: 28px;
}
.client-single.active .client-img img {
  max-width: 107px;
}

}


@media screen and (max-width: 414px) {
.prty_over_cont_btn {
  width: 80%;
}
.header_menu {
  padding: 24px;
}

}


@media screen and (max-width: 390px) {
.tickets__ticket {
    height: 114vw;
}
.tickets {
    margin: -107px 0 0;
}
.masking_main_content_right {
  bottom: 42px;
}
.communty_cont {
  top: 12%;
  left: 20px;
}

}


@media screen and (max-width: 375px) {
.prty_over_cont_btn {
  width: 80%;
}
.download_option_area ul li:nth-child(1) {
  width: 39%;
}
.download_option_area ul li:nth-child(3) {
  width: 28%;
}
.download_option_area ul li {
  width: 11%;
}
.client-single.position-5, .client-single.position-7, .client-single.position-6 {
    right: -39px;
}
.client-single.position-4, .client-single.position-3, .client-single.position-2 {
    left: -40px;
}
.project-wrap {
    width: 70vw;
    height: 400px;
}
.exc_right p {
    line-height: 16px;
    font-size: 12px;
}
.exc_right h3 {
    font-size: 18px;
}
.exc_right ul li {
    font-size: 12px;
    line-height: 18px;
}
.card {
    height: 509px;
}
.masking_main_content_left img {
    height: 153px;
    border-radius: 15px;
}
.masking_main_content_right h3 {
    font-size: 22px;
    padding: 0 0 2px;
}
.masking_main_content_right p {
    font-size: 13px;
    line-height: 20px;
}
.masking_main_content_right ul li {
    font-size: 13px;
    list-style: none;
}
.masking_main_content_right ul {
    display: none;
}
.tickets {
    margin: -28px 0 0;
}
.team_head p {
    font-size: 14px;
    line-height: 22px;
}
.team_area_main {
    height: 113vh;
}
.team_area_main_inner {
    height: 114vh;
}
.exclu_head h2 {
    font-size: 25px;
}
.exc_right ul {
    margin: 0 0 10px;
}
.buysell_card_left h2 {
    font-size: 25px;
}
.tab-btn {
    width: 150px;
}
.project-wrap {
    width: 88vw;
}

.content {
    left: 1rem;
}
.item {
    width: 116px;
    height: 102px;
    top: 15%;
}
.team_area_main_inner {
    padding: 34px 20px 80px;
}

.review_head h2 {
    font-size: 25px;
}
/*.review_section_area_main {
    padding: 0px 20px 29px;
    height: 117vh;
}*/
.foot_middle_left_link {
    flex-wrap: wrap;
}
.foot_middle_left_link ul li {
    width: 100%;
}
.foot_middle_left_link ul {
    margin: 0 0 0 0;
    width: 100%;
}

.banner_main_content {
    top: 20%;
}
.sec1 {
    height: 117vh;
}
.effect .img {
    height: 130vh;
}


}


@media screen and (max-width: 360px) {

.sorting_area .gsap-select {
  width: 142px;
}
.download_option_area ul li:nth-child(1) {
    width: 45%;
}
.download_option_area ul li:nth-child(3) {
    width: 31%;
}


}