.slideshow {
  display: block;
  position: relative;
  z-index: 1;
}
.slideshow canvas {
  width: 100%;
  height: auto;
}
.slideshow .slide-content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate(0, -50%);
  text-align: center;
}
.slideshow .slide-content .ai-logo {
  font-size: 60px;
  color: #009bbb;
  padding-bottom: 20px;
}
.slideshow .slide-content h1 {
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
}
.slideshow .slide-content p {
  font-size: 20px;
  font-weight: 600;
  padding: 20px 0;
}
.slideshow .slide-content .landing-page-phone {
  display: flex;
  justify-content: center;
  align-items: center;
}
.slideshow .slide-content .landing-page-phone .landing-phone {
  padding: 0 20px;
  font-size: 20px;
}
.slideshow .slide-content .landing-page-phone .landing-phone a {
  text-decoration: none;
}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {
  .slideshow canvas {
    min-height: 500px;
  }
  .slideshow .slide-content .ai-logo {
    font-size: 40px;
  }
  .slideshow .slide-content h1 {
    font-size: 23px;
  }
  .slideshow .slide-content p {
    line-height: 1.7;
    font-size: 16px;
  }
  .slideshow .slide-content .landing-page-phone {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  .slideshow .slide-content .landing-page-phone .landing-phone {
    padding: 0 20px;
    font-size: 20px;
  }
  .slideshow .slide-content .landing-page-phone .landing-phone a {
    text-decoration: none;
  }
}
/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */

/* overall */
.slick-btn{
  transition: all ease-in-out 0.35s;
}
.slick-btn:hover{
  opacity: 0.7;
}

/*Slideshow*/

.slideshow-section{
  position: relative;
  width: 100%;
  height: auto;
}

.slideshow-container{
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 0;
}

.slideshow{
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 0;
  z-index: 10;
}

.slideshow::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('https://cdn.agentimagehosting.com/adrzSUGSBZQ1yj5l0itwK/2025/04/overlay-slider-1.png');
  background-position: center;
  background-size: cover;
  background-repeat: repeat;
  z-index: 2;
}

.slideshow-brokerage-container{
  position: absolute;
  right: 83px;
  bottom: 142px;
  max-width: 25.75%;
  width: 412px;
  height: auto;
  z-index: 11;
}
.slideshow-brokerage{
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 0;
}
.slideshow-brokerage img{
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 0;
  object-fit: contain;
}

.slideshow-fixed-smis-container {
  position: absolute;
    position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 38px;
  z-index: 11;
  height: fit-content;
}

.slideshow-fixed-smis{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.slideshow-fixed-smis a{
  width: 37px;
  height: 37px;
  background: url('https://cdn.agentimagehosting.com/adrzSUGSBZQ1yj5l0itwK/2024/12/icon-bg.png');
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-bottom: 14px;
  font-size: 20px;
  transition: all ease-in-out 0.35s;
  border-radius: 50%;
  text-decoration: none;
    filter: drop-shadow(0px 1px 2px RGBA(0, 0, 0, 0.6));
}

.slideshow-fixed-smis a:hover{
  background: #082f5e;
}

.slideshow-fixed-smis a:last-child{
  margin-bottom: 0;
}

/*SMI*/
.smi-section-container {
  position: relative;
  font-size: 0;
  padding: 40px 0px 60px;
}
.smi-section-title{
  text-align: center;
  font-family: var(--font-montserrat);
  font-size: 30px;
  font-weight: 600;
  line-height: 60px;
  text-transform: uppercase;
/*  color: var(--primary);*/
}
.smi-section-links{
  display: flex;
  justify-content: center;
  align-items: center;
}
.smi-section-links a{
  width: 37px;
  height: 37px;
  background: url('https://cdn.agentimagehosting.com/adrzSUGSBZQ1yj5l0itwK/2024/12/icon-bg.png');
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-right: 13px;
  font-size: 20px;
  transition: all ease-in-out 0.35s;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0);
  text-decoration: none;
}
.smi-section-links a:hover{
  background: var(--primary);
  color: #fff;
  border: 1px solid #fff;
}
.smi-section-links a:last-child{
  margin-right: 0;
}

/* CTA */
.cta-section{
  background: var(--primary);
  padding: 100px 0px;
  font-size: 0;
}

.cta-holder {
  position: relative;
  max-width: 1170px;
  margin: auto;
  overflow: hidden;
  width: 73.125%;
}

.cta-feed {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.cta-list {
  width: 32.8205128205%;
  height: auto;
  font-size: 0;
  position: relative;
}

.cta-list::after{
  content: '';
  position: absolute;
  height: 100%;
  width: 9px;
  top: 0;
  bottom: 0;
  right: -9px;
  pointer-events: none;
  background: var(--primary);
}

.cta-list:last-child::after{
  display: none;
}

.cta-list a{
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.cta-hover{
  opacity: 0;
  transition: all ease-in-out 0.35s;
  background: rgba(0, 42, 92, 0.8);
  z-index: 10;
}

.cta-content.cta-hover::after {
  content: '';
  background: url('https://cdn.agentimagehosting.com/adrzSUGSBZQ1yj5l0itwK/2025/01/the-GG-team1.png');
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center;
  background-size: contain;
  width: 73.9583333333%;
  height: auto;
  opacity: 10%;
  background-repeat: no-repeat;
  max-width: 284px;
  margin: auto;
}

.cta-list a:hover .cta-hover{
  opacity: 1;
}

.cta-list a:hover .cta-on{
  opacity: 0;
}

.cta-photo canvas {
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  opacity: .4;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cta-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 15px;
}

.cta-label {
  font-family: var(--font-montserrat);
  font-weight: 300;
  font-size: clamp(0.688rem, 1.48vw - 0.23rem, 1.25rem);
  letter-spacing: 0.05em;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.cta-list:last-child .cta-label span {
  line-height: clamp(1.875rem, 3.289vw - 0.164rem, 3.125rem);
  margin-top: 4px;
}

.cta-label span {
  font-weight: 600;
  font-size: clamp(1.438rem, 2.796vw - 0.296rem, 2.5rem);
  margin-top: 11px;
}

.cta-vid {
  position: absolute;
  width: 100%;
  height: auto;
  top: 27%;
  transform: translateY(-50%);
}

.cta-vid canvas {
	display:block;
	width: 100%;
	height: auto;
}

.cta-vid iframe,
.cta-vid video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.cta-view.global-btn {
  max-width: clamp(8.125rem, 4.934vw + 5.066rem, 10rem);
  width: 100%;
  margin-top: clamp(0.938rem, 0.822vw + 0.428rem, 1.25rem);
}

.cta-hover .cta-inner{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* Partners */
.partners-slick-container {
  max-width: 1137px;
  width: 71.0625%;
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: auto;
  padding: clamp(3.125rem, 3.289vw + 1.086rem, 4.375rem) 0px;
}
.partners-slick{
  width: 100%;
  height: auto;
  font-size: 0;
  position: relative;
}
.partners-icon {
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-size: 0;
  height: clamp(6.25rem, 3.289vw + 4.211rem, 7.5rem);
  padding: 0px 30px;
}
.partners-icon img {
  height: auto;
  display: block;
  width: fit-content;
  max-width: clamp(8.438rem, 9.046vw + 2.829rem, 11.875rem);
  object-fit: contain;

  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

/* Statistics */
.statistics-container{
  position: relative;
  font-size: 0;
}
.statistics-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
.statistics-bg::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--primary);
  opacity: 85%;
}
.statistics-bg canvas{
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.rating-wrap {
  width: 71.25%;
  max-width: 1140px;
  position: relative;
  font-size: 0;
  margin: auto;
}
.rating-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: clamp(5rem, 8.224vw - 0.099rem, 8.125rem) 0px;
}
.rating-container{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 10px 51px 20px;
  border-right: 2px solid #909caf;
}
.rating-container:first-child{
  padding-left: 0;
}
.rating-container:last-child{
  padding-right: 0;
  border-right: none;
}
.rating-container .counting span {
  font-family: var(--font-montserrat);
  font-size: clamp(1.563rem, 3.783vw - 0.783rem, 3rem);
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #fff;
  text-transform: uppercase;
}
.rating-container .counting span em{
  font-style: normal;
}
.rating-container p {
  font-family: var(--font-montserrat);
  font-size: clamp(0.688rem, 1.316vw - 0.128rem, 1.188rem);
  font-weight: 400;
  line-height: clamp(1.063rem, 1.151vw + 0.349rem, 1.5rem);
  letter-spacing: 0.15em;
  color: #fff;
  text-transform: uppercase;
  margin-top: clamp(0.938rem, 2.467vw - 0.592rem, 1.875rem);
}

/* Communities */
.communities-container {
  position: relative;
  font-size: 0;
  width: 100%;
  padding: clamp(5.625rem, 4.112vw + 3.076rem, 7.188rem) 0px 60px;
}
.communities-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
.communities-bg canvas{
  width: 100%;
  height: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.communities-container .global-title {
  color: #fff;
  text-align: center;
  padding-bottom: clamp(1.875rem, 1.645vw + 0.855rem, 2.5rem);
  position: relative;
  margin: auto;
  margin-bottom: clamp(3.75rem, 3.289vw + 1.711rem, 5rem);
  width: fit-content;
}
.communities-container .global-title::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  width: 65.4914529915%;
  height: 1px;
}
.communities-container .global-title::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  width: 15.5982905983%;
  height: 3px;
}
.communities-slick-wrap{
  width: 83.125%;
  max-width: 1330px;
  font-size: 0;
  position: relative;
  margin: auto;
}
.communities-slick{
  width: 100%;
  height: auto;
  font-size: 0;
  position: relative;
}
.communities-flex {
  width: 100%;
  height: auto;
  font-size: 0;
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.communities-item{
  position: relative;
  font-size: 0;
  width: 24.0601503759%;
  max-width: 320px;
  margin-right: clamp(0.625rem, 0.987vw + 0.013rem, 1rem);
}
.communities-item a{
  width: 100%;
  height: auto;
  font-size: 0;
  position: relative;
    display: block;
}
.community-photo{
  width: 100%;
  height: auto;
  font-size: 0;
  position: relative;
  background: var(--primary);
}
.community-photo canvas{
  width: 100%;
  height: 100%;
}
.community-photo img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  opacity: 1;
}
.communities-item a:hover .community-photo img{
  opacity: 0.4;
}
.community-title {
  font-size: clamp(0.688rem, 1.809vw - 0.434rem, 1.375rem);
  font-weight: 600;
  font-family: var(--font-montserrat);
  letter-spacing: 0.05em;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: normal;
  padding: 0px 20px;
  text-transform: uppercase;
  text-align: center;
  z-index: 1;
  height: clamp(4.063rem, 3.947vw + 1.615rem, 5.563rem);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out 0.35s;
}
.community-title::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('https://cdn.agentimagehosting.com/adrzSUGSBZQ1yj5l0itwK/2025/01/details.png');
  z-index: -1;
}
.community-hover{
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.35s;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 0px 15px;
}
.communities-item a:hover .community-photo img{
  filter: sepia(100%) hue-rotate(190deg) saturate(500%);
}
.communities-item a:hover .community-title{
  opacity: 0;
}
.communities-item a:hover .community-hover{
  opacity: 1;
}
.community-hover span{
  font-size: clamp(0.688rem, 1.809vw - 0.434rem, 1.375rem);
  font-weight: 600;
  font-family: var(--font-montserrat);
  letter-spacing: 0.05em;
  color: #fff;
  text-transform: uppercase;
}
.community-hover p {
  font-size: clamp(0.688rem, 0.658vw + 0.28rem, 0.938rem);
  font-weight: 400;
  font-family: var(--font-montserrat);
  letter-spacing: 0.05em;
  color: #fff;
}
.community-hover p strong{
  font-weight: 600;
  text-transform: uppercase;
}
.community-hover p.descrip {
  margin: clamp(1.125rem, 1.974vw - 0.099rem, 1.875rem) 0px;
  line-height: clamp(1.125rem, 0.987vw + 0.513rem, 1.5rem);
}
.communities-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
.communities-view.global-btn{
  width: 100%;
  max-width: clamp(8.125rem, 4.934vw + 5.066rem, 10rem);
  transition: all ease-in-out 0.35s;
}
.communities-btn .slick-btn {
  font-size: clamp(0.688rem, 0.493vw + 0.382rem, 0.875rem);
  font-weight: 400;
  font-family: var(--font-montserrat);
  letter-spacing: 0.1em;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
}
.communities-btn .slick-btn.prev{
  margin-right: clamp(1.875rem, 3.125vw - 0.063rem, 3.063rem);
}
.communities-btn .slick-btn.next{
  margin-left: clamp(1.875rem, 3.125vw - 0.063rem, 3.063rem);
}
.communities-btn .slick-btn.prev img{
  margin-right: 8px;
}
.communities-btn .slick-btn.next img{
  margin-left: 8px;
}
.communities-view.global-btn:hover{
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.communities-view.global-btn:hover:after,
.communities-view.global-btn:after{
  background: #fff;
}
/* Blogs */
.blogs-container{
  position: relative;
  font-size: 0;
  width: 100%;
  height: auto;
}
.blogs-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--primary);
  z-index: -1;
}
.blogs-bg canvas{
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  background-attachment: fixed;
  opacity: 0.2;
}
.blogs-wrap{
  width: 87.5%;
  max-width: 1400px;
  font-size: 0;
  position: relative;
  margin: auto;
  padding: 110px 0px 100px;
}
.blogs-flex{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.blogs-text {
  width: 35%;
  position: relative;
  font-size: 0;
}
.blogs-text .global-title {
  color: #fff;
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 30px;
  width: fit-content;
}
.blogs-text .global-title::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 51.25%;
  height: 3px;
  background: #fff;
}
.blogs-text .global-title::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: -100px;
  width: 103%;
  height: 1px;
  background: #878787;
}
.blogs-text .global-title p {
  margin-bottom: 10px;
}
.blogs-content {
  font-family: var(--font-montserrat);
  font-size: clamp(0.688rem, 0.822vw + 0.178rem, 1rem);
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: clamp(1.25rem, 0.987vw + 0.638rem, 1.625rem);
  color: #fff;
}
.blogs-text .global-btn:hover{
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.blogs-text .global-btn{
  width: 100%;
  max-width: clamp(8.125rem, 4.934vw + 5.066rem, 10rem);
  transition: all ease-in-out 0.35s;
  margin-top: 25px;
}
.blogs-link{
  width: 63%;
  position: relative;
  font-size: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 14px;
}
.blogs-link a{
  position: relative;
  width: 32.9545454545%;
  max-width: 290px;
  font-size: 0;
  height: auto;
  transition: all ease-in-out 0.35s;
}
.blogs-link a:hover{
  opacity: 0.7;
}
.blogs-link a canvas{
  width: 100%;
  height: 100%;
}
.blogs-link a img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Testimonials */
.testimonials-container{
  width: 100%;
  height: 100%;
  padding: 100px 0px;
}
.testimonials-wrap {
  width: 80.1875%;
  max-width: 1283px;
  padding: clamp(4.688rem, 4.112vw + 2.138rem, 6.25rem) 0px;
  position: relative;
  font-size: 0;
  margin: auto;
  border: 5px solid;
  border-image: linear-gradient(to top, #fff, #d0b279) 1;
}
.testimonials-flex {
  display: flex;
  width: 88.8542478566%;
  max-width: 1140px;
  margin: auto;
  justify-content: flex-start;
  align-items: center;
}
.testimonials-left {
  width: 51%;
}
.testimonials-left .global-title {
/*  color: var(--primary);*/
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 23px;
  width: fit-content;
}
.testimonials-left .global-title::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 25.3913043478%;
  height: 3px;
  background: var(--secondary);
}
.testimonials-left .global-title::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 98.7826086957%;
  height: 1px;
  background: #e0e0e0;
}
.testimonials-left .global-title p {
  margin-bottom: 10px;
/*  color: #6c6c6c;*/
  font-weight: 400;
}
.testi-slick-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
.testi-slick-btn button{
  background: #e8e8e8;
  width: 61px;
  height: 61px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  transition: all ease-in-out 0.35s;
  border: 1px solid rgba(0, 0, 0, 0);
}
.testi-slick-btn button:hover{
  background: var(--primary);
  border: 1px solid #fff;
}
.testi-slick-btn button:hover .arrow-left{
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #fff;
}
.testi-slick-btn button:hover .arrow-right {
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 9px solid #fff;
}
.testi-slick-btn .prev{
  margin-right: 15px;
}
.arrow-left {
  width: 0px;
  height: 0px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid var(--primary);
  left: -2px;
  position: relative;
}
.arrow-right {
  width: 0px;
  height: 0px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 9px solid var(--primary);
  right: -2px;
  position: relative;
}
.testimonial-right {
  width: 42.5%;
  margin-left: clamp(2.5rem, 4.934vw - 0.559rem, 4.375rem);
}
.testi-quote{
  width: fit-content;
  margin-bottom: 35px;
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.testi-item p {
  font-family: var(--font-montserrat);
  font-size: clamp(0.688rem, 0.493vw + 0.382rem, 0.875rem);
  font-weight: 400;
  line-height: clamp(1.375rem, 0.658vw + 0.967rem, 1.625rem);
  letter-spacing: 0.05em;
/*  color: #464646;*/
  margin-bottom: clamp(0.438rem, 0.493vw + 0.132rem, 0.625rem);
}
.testi-item span{
  font-family: var(--font-montserrat);
  font-size: clamp(0.688rem, 0.493vw + 0.382rem, 0.875rem);
  font-weight: 700;
  line-height: clamp(1.375rem, 0.658vw + 0.967rem, 1.625rem);
  letter-spacing: 0.05em;
/*  color: #000;*/
}
.testi-view .global-btn {
  /*color: #545454;
  border: 1px solid #545454;*/
  max-width: clamp(15rem, 6.25vw + 11.125rem, 17.375rem);
  margin-top: clamp(1.563rem, 0.822vw + 1.053rem, 1.875rem);
  transition: all ease-in-out 0.35s;
}
.testi-view .global-btn::after {
/*  background: var(--primary);*/
}
.testi-view .global-btn:hover{
  background: var(--primary);
  color: #fff;
  border-top-color: #fff;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.testi-view .global-btn:hover::after{
/*  background: #fff;*/
} 

/* Properties */
.properties-container{
  background: var(--primary);
}
.properties-wrap{
  padding: 90px 0px 50px;
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 0;
}
.properties-wrap .global-title {
  color: #fff;
  position: relative;
  padding-bottom: 40px;
  margin: auto;
  margin-bottom: clamp(3.75rem, 3.947vw + 1.303rem, 5.25rem);
  width: fit-content;
  text-align: center;
}
.properties-wrap .global-title::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 13.082437276%;
  height: 3px;
  background: #fff;
}
.properties-wrap .global-title::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 54.9283154122%;
  height: 1px;
  background: #e0e0e0;
}
.properties-flex {
  width: 83.125%;
  max-width: 1330px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: auto;
  flex-wrap: wrap;
}
.properties-item{
  width: 32.6315789474%;
  font-size: 0;
  height: auto;
  position: relative;
}
.properties-item a{
  width: 100%;
  height: 100%;
  font-size: 0;
  display: block;
  position: relative;
}
.property-photo{
  position: relative;
  font-size: 0;
  width: 100%;
  height: 100%;
}
.property-photo canvas{
  width: 100%;
  height: 100%;
}
.property-photo img{
  position: absolute;
  font-size: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}
.properties-item a::after {
  content: '';
  width: 100%;
  height: 100%;
  bottom: 0;
  background: url('https://cdn.agentimagehosting.com/adrzSUGSBZQ1yj5l0itwK/2025/01/dark-overlay.png');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  left: 0;
  z-index: 5;
  position: absolute;
  transition: all ease-in-out 0.35s;
}
.properties-item a::before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  border: 1px solid #05131c;
  transition: all ease-in-out 0.35s;
  z-index: 9;
  opacity: 0;
}
.property-name {
  font-size: clamp(0.625rem, 0.822vw + 0.115rem, 0.938rem);
  font-family: var(--font-montserrat);
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #fff;
}
.property-price {
  font-size: clamp(0.813rem, 1.48vw - 0.105rem, 1.375rem);
  font-weight: 600;
  font-family: var(--font-montserrat);
  letter-spacing: 0.05em;
  color: #fff;
  margin-top: clamp(0.625rem, 1.151vw - 0.089rem, 1.063rem);
}
.property-column {
  display: flex;
  flex-direction: column;
  width: 55%;
}
.property-info {
  display: flex;
  position: absolute;
  bottom: 0;
  height: clamp(4.375rem, 5.921vw + 0.704rem, 6.625rem);
  align-items: center;
  justify-content: space-between;
  padding: 0px clamp(0.313rem, 1.645vw - 0.707rem, 0.938rem);
  width: 100%;
  z-index: 10;
}
.property-details {
  width: 100%;
  max-width: clamp(7.5rem, 6.579vw + 3.421rem, 10rem);
}
.property-details .global-btn{
  width: 100%;
  transition: all ease-in-out 0.35s;
  background: none;
}
.property-info::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url('https://cdn.agentimagehosting.com/adrzSUGSBZQ1yj5l0itwK/2025/01/properties-overlay.png');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
  transition:  all ease-in-out 0.35s;
}
.property-hover {
  opacity: 0;
  transition: all ease-in-out 0.35s;
  background: rgba(0, 42, 92, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.properties-item a:hover::after{
  opacity: 0;
}
.properties-item a:hover .property-info::after{
  opacity: 0;
}
.properties-item a:hover .property-hover{
  opacity: 1;
}
.properties-item a:hover::before{
  opacity: 1;
}
.property-hover img {
  bottom: 15px;
  position: relative;
  width: 35.0230414747%;
  max-width: 152px;
}
.properties-button {
  margin-top: -70px;
  display: flex;
  align-items: center;
  justify-content: center;

  background: #002a5c;
  position: relative;
  padding: 50px 0 10px;
}
.properties-section .global-btn {
  width: 100%;
  max-width: clamp(8.125rem, 4.934vw + 5.066rem, 10rem);
  transition: all ease-in-out 0.35s;
}

/* Development QS */
.developments-qs {
  position: relative;
  font-size: 0;
  width: 100%;
  height: auto;
  margin-bottom: clamp(5rem, 1.809vw + 3.878rem, 5.688rem);
  padding-top: clamp(14.063rem, 12.336vw + 6.414rem, 18.75rem);
  z-index: 10;
}
.developments-qs-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
.developments-qs-bg canvas {
  width: 100%;
  filter: grayscale(1);
  height: 100%;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-attachment: fixed;
  background-size: contain;
  opacity: 0.15;
}

/* QS */
.qs-section {
  width: 86.25%;
  max-width: 1380px;
  position: absolute;
  top: -87px;
  left: 0;
  right: 0;
  margin: auto;
}
.qs-section::after{
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  border: 5px solid;
  border-image: linear-gradient(to top, #fff, #d0b279) 1;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: none;
  pointer-events: none;
}
.qs-container{
  border: 5px solid #fff;
  position: relative;
  font-size: 0;
  width: 100%;
  height: 100%;
  background: var(--primary);
}
.qs-wrap {
  padding: 66px clamp(3.75rem, 7.401vw - 0.839rem, 6.563rem) clamp(3.125rem, 3.289vw + 1.086rem, 4.375rem);
}
.qs-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.qs-idx-p {
  font-family: var(--font-roboto);
  font-weight: 300;
  font-size: 11px;
  color: #fff;
  margin-top: 20px;
  text-align: end;
}
.qs-title {
  font-family: var(--font-montserrat);
  font-size: clamp(2.25rem, 3.947vw - 0.197rem, 3.75rem);
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  width: fit-content;
}
.qs-form{
  width: 56.8965517241%;
  display: inline-block;
  vertical-align: bottom;
}
.qs-form .qs-field {
  display: inline-block;
  vertical-align: bottom;
  padding: 0 7px;
  font-size: clamp(0.625rem, 0.658vw + 0.217rem, 0.875rem);
  font-weight: 400;
  font-family: var(--font-montserrat);
  color: #00295b;
  letter-spacing: 0.005em;
  text-transform: uppercase;
  border: none;
  margin-bottom: clamp(1.563rem, 0.822vw + 1.053rem, 1.875rem);
  position: relative;
}
.qs-form .qs-field::after {
  content: '';
  position: absolute;
  top: clamp(0.125rem, 0.822vw - 0.385rem, 0.438rem);
  bottom: 0;
  right: 7px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
}
.qs-form .qs-field select {
  width: 100%;
  border: none;
  border-bottom: 1px solid #fff;
  padding-bottom: clamp(0.875rem, 0.987vw + 0.263rem, 1.25rem);
  appearance: none;
  text-transform: uppercase;
  color: #fff;
    
}
.qs-form .qs-field select,
.qs-form .qs-field input:not([type=submit]){
    background: transparent;
}
.qs-form .qs-field select option{
  color: #000;
}
.qs-form .qs-field.short-form{
  margin-bottom: 0;
}
.long-form {
  width: 50%;
}
.short-form {
width: 25%;
}
.qs-btns{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 13.7931034483%;
}
.qs-btns .global-btn {
  color: #00295b;
  border: 1px solid #00295b;
  transition: all ease-in-out 0.35s;
  width: 100%;
}
.qs-btns .global-btn::after {
  background: #00295b;
}
.qs-btns .global-btn:hover{
  background: var(--primary);
  color: #fff;
}
.qs-btns .global-btn:hover::after{
  background: #545454;
} 
.qs-btns a{
  margin-top: 10px;
}

button.global-btn.qs, a.global-btn.qs {
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0);
  color: #fff;
}

button.global-btn.qs:hover,
a.global-btn.qs:hover{
  border: 1px solid rgba(0, 0, 0, 0);
}

button.global-btn.qs:after,
a.global-btn.qs:after{
  background: var(--secondary);
  opacity: 1;
}

.qs-form .bootstrap-select>button.btn.btn-default {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: none;
  border-bottom: 1px solid #fff;
  padding: 0 0 clamp(0.875rem, 0.987vw + 0.263rem, 1.25rem) 0;
  appearance: none;
  text-transform: uppercase;
  border-radius:0px;
  background: none;
  outline: 0;
}
.qs-form .bootstrap-select>button.dropdown-toggle.btn.btn-default{
  color: #fff;
}

/* Developments */
.developments-section{
  overflow: hidden;
}
.developments-container{
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 0;
}
.developments-wrap {
  width: 91.5%;
  max-width: 1464px;
  position: relative;
  font-size: 0;
  background: var(--primary);
  margin: auto;
}
.developments-flex {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.developments-right {
  width: 45.0819672131%;
  display: flex;
  position: relative;
  justify-content: flex-start;
  align-items: flex-start;
}
.developments-accent {
  position: absolute;
  width: 83.4848484848%;
  height: auto;
  bottom: -72px;
  right: -68px;
  z-index: 0;
}
.developments-accent img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.development-item {
  width: calc(100% / 3);
  height: auto;
  position: relative;
  font-size: 0;
  display: block;
  z-index: 1;
}
.development-item::after{
  content: '';
  width: 100%;
  height: 100%;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #05131c;
  opacity: 0;
  transition: all ease-in-out 0.35s;
}
.development-item .development-title {
  font-size: clamp(0.813rem, 1.151vw + 0.099rem, 1.25rem);
  font-weight: 600;
  font-family: var(--font-montserrat);
  letter-spacing: 0.1em;
  color: #fff;
  padding: 0px clamp(0.625rem, 0.822vw + 0.115rem, 0.938rem);
  position: absolute;
  width: 100%;
  left: 0;
  bottom: clamp(1.563rem, 1.645vw + 0.543rem, 2.188rem);
  line-height: normal;
  z-index: 10;
  filter: drop-shadow(2px 2px 3px #000);
  -webkit-filter: drop-shadow(2px 2px 3px #000);
}
.development-item .development-photo{
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 0;
}
.development-item .development-photo canvas{
  width: 100%;
  height: 100%;
}
.development-item .development-photo img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.developments-left {
  width: 46.8%;
  margin-top: 60px;
  margin-right: 50px;
  padding-bottom: 50px;
}
.developments-left .global-title {
/*  color: var(--primary);*/
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 25px;
  width: fit-content;
}
.developments-left .global-title::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40.5271828666%;
  height: 3px;
  background: var(--primary);
}
.developments-left .global-title::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e0e0e0;
}
.developments-left .global-title p {
  margin-bottom: 10px;
/*  color: #6c6c6c;*/
  font-weight: 400;
}
.developments-text{
  color: #fff;
}
.developments-text span {
  font-family: var(--font-montserrat);
  font-size: clamp(0.75rem, 0.658vw + 0.342rem, 1rem);
  font-weight: 500;
  line-height: clamp(1.313rem, 0.822vw + 0.803rem, 1.625rem);
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: clamp(1.313rem, 0.658vw + 0.905rem, 1.563rem);
}
.developments-text p {
  font-size: clamp(0.688rem, 0.493vw + 0.382rem, 0.875rem);
  font-family: var(--font-montserrat);
  font-weight: 400;
  line-height: clamp(1.25rem, 0.658vw + 0.842rem, 1.5rem);
  letter-spacing: 0.05em;
  margin-bottom: clamp(1.25rem, 0.822vw + 0.74rem, 1.563rem);
}
.developments-text p strong{
  font-weight: 500;
}
.developments-left .global-btn {
/*  color: #545454;
  border: 1px solid #fff;*/
  max-width: clamp(16.25rem, 9.539vw + 10.336rem, 19.875rem);
  margin-top: clamp(1.25rem, 2.467vw - 0.28rem, 2.188rem);
  transition: all ease-in-out 0.35s;
}
.developments-left .global-btn::after {
/*  background: var(--primary);*/
}
.developments-left .global-btn:hover{
  background: none;
  color: #fff;
}
.developments-left .global-btn:hover::after{
/*  background: #fff;*/
} 
.development-hover {
  opacity: 0;
  transition: all ease-in-out 0.35s;
  background: rgba(0, 42, 92, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.development-hover img {
  bottom: 15px;
  position: relative;
  width: 69.0909090909%;
  max-width: 152px;
}
.development-item:hover .development-hover{
  opacity: 1;
}
.development-item:hover::after{
  opacity: 1;
}

/* About */
.about-section{
  overflow: hidden;
}
.about-wrap {
  width: 74.25%;
  max-width: 1188px;
  margin: auto;
  font-size: 0;
  position: relative;
  padding-top: 85px;
}
.about-flex {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.about-left {
  width: 55%;
  font-size: 0;
  height: auto;
  position: relative;
  margin-right: clamp(1.875rem, 6.579vw - 2.204rem, 4.375rem);
}
.about-right{
  width: 39.0572390572%;
  font-size: 0;
  height: auto;
  position: relative;
}
.about-photo{
  width: 100%;
  height: 100%;
  font-size: 0;
  position: relative;
}
.about-photo canvas{
  width: 100%;
  height: 100%;
}
.about-photo img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-text p {
  font-size: clamp(0.688rem, 0.493vw + 0.382rem, 0.875rem);
  font-family: var(--font-montserrat);
  font-weight: 400;
  line-height: clamp(1.25rem, 0.658vw + 0.842rem, 1.5rem);
  letter-spacing: 0.05em;
  margin-bottom: clamp(1.25rem, 0.822vw + 0.74rem, 1.563rem);
}
.about-left .global-title {
/*  color: var(--primary);*/
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 25px;
  width: fit-content;
}
.about-left .global-title::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40.5271828666%;
  height: 3px;
  background: var(--secondary);
}
.about-left .global-title::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: -100vw;
  width: auto;
  right: 5%;
  height: 1px;
  background: #e0e0e0;
}
.about-left .global-title p {
  margin-bottom: 10px;
/*  color: #6c6c6c;*/
  font-weight: 400;
}
.about-text{
/*  color: #464646;*/
}
.about-left .global-btn {
  /*color: #545454;
  border: 1px solid #545454;*/
  max-width: clamp(7.5rem, 6.579vw + 3.421rem, 10rem);
  margin-top: clamp(1.25rem, 2.467vw - 0.28rem, 2.188rem);
  transition: all ease-in-out 0.35s;
  padding: 10px;
  font-size: clamp(0.625rem, 0.658vw + 0.217rem, 0.875rem);
}
.about-left .global-btn::after {
/*  background: var(--primary);*/
}
.about-left .global-btn:hover{
  /*background: var(--primary);
  color: #fff;*/
}
.about-left .global-btn:hover::after{
  background: #545454;
} 
.about-accent{
  position: absolute;
  bottom: -63px;
  right: -68px;
  width: 96.1206896552%;
  height: auto;
  z-index: -2;
}
a.about-item {
  position: absolute;
  width: clamp(12.5rem, 28.783vw - 5.345rem, 23.438rem);
  height: auto;
  font-size: 0;
  border: 7px solid var(--primary);
  top: clamp(19.063rem, 27.796vw + 1.829rem, 29.625rem);
  right: clamp(7.813rem, 37.336vw - 15.336rem, 22rem);
  overflow: hidden;
}
a.about-item canvas{
  width: 100%;
  height: 100%;
}
a.about-item::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: 50%;
  width: 100%;
  height: 100%;
  opacity: 0;
}
a.about-item img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  object-fit: cover;
  object-position: center;
  transition: all ease .4s;
  -moz-transition: all ease .4s;
  -webkit-transition: all ease .4s;
/*  filter: grayscale(1);*/
}
a.about-item:hover img{
  transform: scale(1.08);
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
}
.play-btn {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: clamp(3.125rem, 7.237vw - 1.362rem, 5.875rem);
  height: clamp(3.125rem, 7.237vw - 1.362rem, 5.875rem);
  border-radius: 50%;
  border: 1px solid #aeaeae;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.play-btn i{
  font-size: 20px;
  color: #fff;
}
.about-accent img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-btns{
  display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
}
.about-btns a:first-child{
  margin-right: 25px;
}

.blogs-text .global-btn:hover {
  background: none;
  color: #fff;
  border: 1px solid var(--secondary);
}
.testi-view .global-btn:hover {
  background: none;
  color: #fff;
  border: 1px solid var(--secondary);
}
.communities-view.global-btn:hover {
  background: none;
  color: #fff;
  border: 1px solid var(--secondary);
}

@media only screen and (min-width: 992px){
  .communities-item:nth-child(-n+4){
    margin-bottom: 15px;
  }
  .communities-item:nth-child(4),
  .communities-item:nth-child(8){
    margin-right: 0px;
  }

  .properties-item:nth-child(-n+3){
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1550px) {
  .about-text {
    max-width: clamp(24.375rem, 9.868vw + 18.257rem, 28.125rem);
  }
}
@media only screen and (max-width: 991px) {

  .slideshow-fixed-smis-container{
    display: none;
  }
  .slideshow-brokerage-container {
    right: 10%;
    bottom: 10%;
  }


  .cta-list a .cta-hover{
    opacity: 1 !important;
  }
  
  .cta-list a .cta-on{
    opacity: 0 !important;
  }
  .cta-feed {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-content: center;
  }
  .cta-list::after {
    display: none;
  }
  .cta-vid{
    display: none;
  }
  .cta-list {
    width: 95%;
    max-width: 384px;
    margin-bottom: 15px;
    border: 1px solid #fff;
  }

  .smi-section-title {
    font-size: 24px;
  }

  .partners-icon img {
    max-width: 190px;
  }

  .rating-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: clamp(5rem, 8.224vw - 0.099rem, 8.125rem) 0px;
    flex-direction: column;
  }
  .rating-container {
    padding: 7px 50px 20px !important;
    border-right: unset;
    border-bottom: 2px solid #909caf;
    margin-bottom: 30px;
    width: 100%;
    max-width: 250px;
  }

  .communities-item {
    width: calc(95% / 2);
    margin-bottom: 10px;
  }
  .communities-flex {
    width: 100%;
    height: auto;
    font-size: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .communities-item:nth-child(2n){
    margin-right: 0px;
  }
  .communities-item:nth-last-child(-n+2){
    margin-bottom: 0;
  }
  .communities-item:last-child{
    margin-right: 0;
    margin-bottom: 0;
  }

  .blogs-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  .blogs-text {
    width: 90%;
    position: relative;
    font-size: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .blogs-text .global-title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 103%;
    height: 1px;
    background: #878787;
    margin: auto;
  }
  .blogs-text .global-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 51.25%;
    height: 3px;
    background: #fff;
    margin: auto;
  }
  .blogs-link {
    width: 90%;
    position: relative;
    font-size: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
  }

  .testimonials-flex {
    display: flex;
    width: 88.8542478566%;
    max-width: 1140px;
    margin: auto;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .testimonials-left {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 15px;
  }
  .testimonials-left .global-title::after {
    left: 0;
    right: 0;
    margin: auto;
  }
  .testimonial-right {
    width: 95%;
    margin-left: 0;
    text-align: center;
  }
  .testi-slick{
    width: 100%;
  }
  .testi-view{
    width: fit-content;
    margin: auto;
  }
  .testi-view .global-btn {
    padding: 0px 20px;
  }

  .properties-item {
    width: calc(98% / 2);
    margin-bottom: 15px;
  }

  .developments-qs {
    padding-top: 80px;
  }
  .qs-wrap {
    padding: 10px;
  }
  .qs-section {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-bottom: 50px;
  }
  .qs-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border: 5px solid;
    border-image: linear-gradient(to top, #012a5c, #d0b279) 1;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: none;
    pointer-events: none;
  }
  .qs-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .long-form {
    width: 100%;
  }
  .qs-form .qs-field.short-form {
    margin-bottom: clamp(1.563rem, 0.822vw + 1.053rem, 1.875rem);
  }
  .short-form {
    width: 50%;
  }
  .qs-form {
    width: 95%;
    display: inline-block;
    vertical-align: bottom;
    margin: 30px 0px;
    max-width: 400px;
  }
  .qs-btns {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 160px;
  }
  .qs-idx-p {
    text-align: center;
  }
  .developments-accent{
    display: none;
  }

  .developments-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .developments-left {
    width: 46.8%;
    margin-top: 60px;
    margin-right: 0;
    padding-bottom: 50px;
    text-align: center;
  }
  .developments-left .global-btn {
    /* color: #545454;
    border: 1px solid #545454; */
    max-width: clamp(16.25rem, 9.539vw + 10.336rem, 19.875rem);
    margin: auto;
    margin-top: clamp(1.25rem, 2.467vw - 0.28rem, 2.188rem);
    transition: all ease-in-out 0.35s;
  }
  .developments-right {
    width: 98%;
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 600px;
  }
  .developments-left {
    width: 90%;
    margin-top: 60px;
    margin-right: 0;
    padding-bottom: 50px;
    text-align: center;
  }
  .developments-left .global-title {
    position: relative;
    padding-bottom: 40px;
    margin: auto;
    margin-bottom: 25px;
    width: fit-content;
  }
  .developments-left .global-title::after {
    right: 0;
    content: '';
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    width: 40.5271828666%;
    height: 3px;
    background: var(--primary);
  }

  .about-flex {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .about-left {
    width: 100%;
    font-size: 0;
    height: auto;
    position: relative;
    margin-right: 0;
    text-align: center;
    margin-bottom: 40px;
  }
  .about-text {
    max-width: 100%;
  }
  .about-text br{
    display: none;
  }
  .about-left .global-title {
    /* color: var(--primary); */
    position: relative;
    padding-bottom: 40px;
    margin: auto;
    margin-bottom: 25px;
    width: fit-content;
  }
  .about-left .global-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 40.5271828666%;
    height: 3px;
    background: var(--primary);
    margin: auto;
  }
  .about-left .global-btn {
    /* color: #545454;
    border: 1px solid #545454; */
    max-width: clamp(7.5rem, 6.579vw + 3.421rem, 10rem);
    margin: auto;
    margin-top: clamp(1.25rem, 2.467vw - 0.28rem, 2.188rem);
    transition: all ease-in-out 0.35s;
  }
  .about-right {
    width: 100%;
    font-size: 0;
    height: auto;
    position: relative;
    max-width: 400px;
  }
  .about-accent{
    display: none;
  }
  a.about-item {
    position: relative;
    width: 100%;
    max-width: 300px;
    height: auto;
    display: block;
    font-size: 0;
    border: 7px solid #fff;
    top: 0;
    right: 0;
    margin: auto;
    margin-top: 40px;
  }
  .about-btns {
    display: flex
;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.about-left .global-btn {
width: 100%;
  max-width: 150px;
  }
  .about-btns a:first-child {
    margin-right: auto;
}


}

@media only screen and (max-width: 767px) {
  .communities-item {
    width: 100%;
    margin-bottom: 10px !important;
    margin-right: 0 !important;
  }
  .communities-btn .slick-btn.prev {
    margin-right: 15px;
  }
  .communities-btn .slick-btn.next {
    margin-left: 15px;
  }

  .properties-flex {
    width: 83.125%;
    max-width: 1330px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    flex-wrap: wrap;
  }
  .properties-item {
    width: 100%;
    max-width: 400px;
  }
}

@media only screen and (max-width: 730px) {
  .properties-button{
      margin-top: -80px;
  }
}

@media only screen and (max-width: 480px) {
  .blogs-link {
    flex-direction: column; 
  }
  .blogs-link a {
    width: 100%;
    margin-bottom: 15px;
  }
  .blogs-link a:last-child{
    margin-bottom: 0;
  }

  .testimonials-wrap {
    width: 95%;
  }

  .properties-flex {
    width: 85%;
  }

  .contact__form-field.md {
    width: 100%;
  }
}
@media only screen and (max-width: 390px) {
  .properties-button{
      margin-top: -95px;
  }
}