:root{--blue:#1daeff;--purple-dark:#110229;--purple:#585981;--purple-light:#8f90a6;--gray:#767689;--white:#fff;--black:#000}@font-face{font-family:Lato;src:url(../fonts/Lato/Lato-Light.ttf)
    format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(../fonts/Lato/Lato-Regular.ttf)
    format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(../fonts/Lato/Lato-Bold.ttf)
    format("truetype");font-weight:700;font-style:normal;font-display:swap}
 
/*@font-face{font-family:Rubik-Regular;src:url(../fonts/Rubik-Regular/Rubik-Regular.ttf) format("truetype")}*/
@font-face{font-family:Rubik-Regular;src:url(../fonts/Rubik/Rubik-Regular.ttf) format("truetype")}
  
ul {
list-style: none;
}
li,
ul {
padding: 0;
margin: 0;
}
a {
color: var(--black);
text-decoration: none;
}
select {
appearance: none;
background: none;
border: none;
cursor: pointer;
}
select,
select:focus {
outline: none;
}
button {
cursor: pointer;
}
button,
input {
border: none;
}
input:focus {
outline: none;
}
span {
font-family: 'Lato', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
}
body {
font-family: 'Lato','MyriadPro-Regular', 'Lato', 'Open Sans', sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 24px;
color: #232323;
max-width: 100%;

}

html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}

nav {
padding: 0px;
position: sticky;
top: 0;
z-index: 1;
}
.navbar.scrolled{
z-index: 4;
box-shadow: 0 0 3px #e0e0e0;
background: var(--white);
color: var(--black);
}
.navbar.scrolled .navbar-center .dropdown .dropdown-toggle{
color:#000;
}


.navbar.scrolled .navbar-mobile li a {
color: #000 !important;

}
.navbar-mobile .black-logo{
padding-left: 10px;

}
.navbar-links .navbar-list {

gap: 0 2em;

}


.navbar-left .dropdown-menu{
width: 40px; 
}
.dropdown-menu {
   min-width:100px!important;

box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
z-index: 6;
right: 0; 
top: 100%; 
max-height: 300px; 
}
.dropdown-menu li a {
color: var(--black);
text-decoration: none;
display: block;
}

.dropdown:hover .dropdown-menu {
display: block; 
}

.dropdown-menu li {
padding: 0.5em 1em;
}

.dropdown-menu li a {
color: var(--black);
text-decoration: none;
display: block;
}
.navbar-left{
    gap: 40px;
    display: flex;
    align-items: center;
}
.navbar-left .dropdown-menu li a:hover {
    text-decoration: underline;
}
.navbar-left .dropdown-toggle{
margin: 0px;

letter-spacing: 1.2px;
    line-height: 24px;
    margin: 0px;
    padding: 0 0 8px 0;
background: transparent;
color: white;
}

.navbar.scrolled .navbar-left .dropdown-toggle{
color: #000;
}

.navbar-center{
display: flex;
justify-content: space-between; 

}

@media (max-width: 767px) {
.navbar .navbar-logo {

padding-left: 10px;
}
}


.navbar .navbar-mobile{
background: var(--white);
color: var(--black);
}
.navbar-mobile .navbar-logo{
padding-left: 10px;
}
.navbar.scrolled .navbar-links .navbar-list a, .navbar.scrolled {
color: var(--black);
}
.navbar-black-logo {
display: none;
width: 5.5em;
cursor: pointer;
}
.navbar-logo {
width: 5.5em;
cursor: pointer;
}
.navbar.scrolled .navbar-logo {
display: none;
}
.navbar.scrolled .navbar-black-logo {
display: block; 
}

@media (max-width: 767px) {
.navbar.scrolled .navbar-logo {
display: none; 
}

.navbar.scrolled .navbar-black-logo {
display: block; 
padding-left: 10px;
}

.navbar .navbar-logo {
display: block; 
}

.navbar .navbar-black-logo {
display: none; 
}
}

.navbar {
    align-items: center;
padding: 15px 0px;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 1;
text-transform: uppercase;
display: flex;
align-items: center;

}
.navbar-center .dropdown .dropdown-toggle{
color: var(--white);
text-transform: uppercase;
background: transparent;
padding: 0;
font-weight: 300;
color: white;

font-family: 'lato';
}

.navbar.scrolled .navbar-links .navbar-list .dropdown-toggle, .navbar.scrolled {
color: var(--black);
}


.navbar .navbar-logo {
    width: 5.5em;

cursor: pointer;
}
.navbar .navbar-black-logo {
width: 5.5em;

cursor: pointer;
}

.exit,.navbar .menu-black,.navbar
.menu-white{display:none}

.navbar .menu-black  {

max-width: 18px;
}
.menu-white {
      max-width: 22px;
    }
.navbar .exit {
position: fixed;
margin: 30px;
}
.navbar .navbar-links {
display: none;
}
.navbar .navbar-mobile {
background: #ffffffd9 !important;
display: block;
position: fixed;
z-index: 10;
width: 53%;
top: 0;
left: 0;
height: 100vh;

color: #000;
}
.navbar .navbar-mobile .navbar-list {
margin-top: 6em;
margin-left: 1em;
}

.navbar .navbar-mobile li a {
text-decoration: none;
display: block;
padding: 0.8em 0.5em;
font-weight: 900;
}
.navbar .navbar-mobile .dropdown .dropdown-toggle {
    font-weight: 900;
}

.navbar .navbar-mobile li a:hover {
font-weight: 700;
}
.hero {
margin: 2em auto 0;
}
h1,h2,h3{
    font-family: 'Rubik-Regular';

color: #000;
padding: 0;
text-transform: uppercase;
font-weight: 500;
font-size: 2.2rem;
line-height: 40px;
}
.navbar-mobile .dropdown .dropdown-toggle{
padding: 0.8em 0.5em;
color: var(--black);
}
img {
width: 100%;
}
@media (min-width: 1200px){
.navbar-center{
display: flex;
justify-content: space-between;
gap: 50px;
}
}



@media (max-width: 413px) {
body {
font-size: 1rem;
}
h1, h2, h3 {
    line-height: 30px;
font-size: 1.2rem;
}
.visible {
max-width: 200px !important;
flex-wrap: wrap;
gap: 1em 0;
}
}
@media (min-width: 414px) and (max-width: 500px) {
body {
font-size: 0.85rem;
}
}

@media (min-width: 768px) {

.hero
{
padding: 0 2em;
}
.navbar-links {
display: block !important;

align-items: center;
}
.navbar-links .navbar-list {
    cursor:pointer;
display: flex;
justify-content: space-between !important;
flex-direction: row !important;
gap: 0 2.5em;
text-transform: uppercase;
align-items: center !important;
font-size: 0.8em;
}
 h1 {
    margin-top: 10px;
    margin-bottom: 30px;
}
.navbar-links .navbar-list a {
    padding-bottom: 8px;
    letter-spacing: 1.2px;
    line-height: 24px;
color: var(--white);
text-decoration: none; 
position: relative; 
}
.navbar-links .navbar-list .dropdown-menu a {
color: var(--black);

}


.navbar-links .navbar-list a::after {
content: ''; 
display: block;
position: absolute;
left: 0.5%;
bottom: -2px; 
width: 100%;
height: 2px; 
background-color: var(--gray); 
transform: scaleX(0); 
transition: transform 0.3s ease; 
}

.navbar-links .navbar-list a:hover::after {
transform: scaleX(1); 
}


.exit,
.navbar .menu {
display: none !important;
}

.navbar-black-logo{
display: none;
}
.navbar .navbar-black-logo {
width: 5.5em;
cursor: pointer;
}
.navbar.scrolled .navbar-logo {
display: none; 
}
.navbar.scrolled .navbar-black-logo {
display: block; 
}

.sticky-btn-v2 {
text-align: center;
position: fixed;
top: 50%;
right: 0px; 
width: 75px; 
transform: translateY(-50%);
background-color: #fff; 
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
overflow: hidden; 
padding: 10px; 
}

.sticky-btn-v2 ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
}

.sticky-btn-v2 a {
text-align: center;
align-items: center; 
text-decoration: none;
color: #000; 
background: #fff;

}

.sticky-btn-v2 i {
margin-right: 0px; 
font-size: 12px; 
}

.sticky-btn-v2 span {
display: block;
font-size: 10px;
line-height: 12px; 
color: #232323;
}



.sticky-prop-bar {

position: fixed;
bottom: 0;
background-color: #EAECEE;
z-index: 6; 
border-bottom: 1px solid #e0e0e0; 
width: 100%;
font-size: 13px;
}
.sticky-prop-bar h4{
font-size: 12px;

}
.spec-comm-link {
color: #9D9D9C;
font-weight: 600;

}



.spec-comm-link:hover {
text-decoration: underline;
}

.prop-dtl {
display: block;
color: #6c757d; 
}

.footer-price-from,
.footer-area-from {
color: #343a40; 
}



.link-units-available:hover {
text-decoration: underline; 
}

.scarcity-alert {
color: #dc3545; 
}

.btn-ghost {
background-color: transparent;
border: 1px solid #dcdceb; 
color: #dcdceb; 
}

.btn-ghost:hover {
background-color: #dcdceb; 
color: #fff; 
}

.btn-grey {
background-color: #c2c8ce; 
color: #fff; 
}

.btn-grey:hover {
border-color: var(--white);
}


.w-100 {
width: 100%;
}

.pt-0 {
padding-top: 0;
}

.pt-md-2 {
padding-top: 2rem; 
}

.pt-lg-0 {
padding-top: 0;
}


.spec-comm-link:hover {
text-decoration: underline;
}

.prop-dtl {
display: block;
color: #6c757d; 
}



.link-units-available {
color: #000000; 
text-decoration: none;
}

.link-units-available:hover {
text-decoration: underline; 
}

.scarcity-alert {
color: #dc3545; 
}



.w-100 {
width: 100%;
}

.pt-0 {
padding-top: 0;
}

.pt-md-2 {
padding-top: 2rem; 
}

.pt-lg-0 {
padding-top: 0;
}

.single-properties .sticky-prop-bar h4 a {
color: #9D9D9C;
font-weight: 600;
}

.hero {
margin: 1em 0 0;
}

}
@media (min-width: 820px) and (max-width: 1023px) {
body {
font-size: 1.1rem;
}

.country,
.recently-item {
font-size: 0.9rem;
}
}

@media (min-width: 1024px) {
body {
font-size: 1.17rem;
}
footer {

margin: 0;
}


.recently-head {
max-width: 950px;
}
}
@media (min-width: 1200px) {
body {
font-size: 1rem;
}


}
@media (min-width: 1450px) {
body {
font-size: 1.2rem;
}

}
.property-list section h3 a {
color: #000;
font-size: 24px;

}
.hidden {
display: none;
}

.custom-dots {
text-align: center;
padding: 10px 0;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 4px;
height: 4px;
padding: 1px;
cursor: pointer;
color: var(--purple-dark);
border: 0;
outline: none;
position: relative;
}

.slick-dots li button:before {
content: ''; 
display: block;
width: 8px;
height: 8px;
background-color: #424242; 
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
}

.slick-dots li.slick-active button:before {
opacity: 1;
background-color: #000;
}

.social-media-icon a{
color: var(--black);
display: inline-flex;
}

social-media-icons-sections{
display: inline-flex;
justify-content: space-between !important;
}

.prop-amenitiesV2 ul li {
width: auto;
text-align: center;
justify-content: center;
width: 25%;
margin-bottom: 22px;
}
.prop-amenitiesV2 ul li span{
font-family: 'Rubik-Regular';
font-size: 20px;
line-height: 20px;
}
.prop-amenitiesV2 ul li em {
display: flex;
margin-bottom: 28px;
align-items: center;
justify-content: center;
}
.prop-amenitiesV2 i {
display: block;
}
.prop-amenitiesV2 ul li i{
color: #CDAB6E;
font-size: 30px;
}
.prop-amenitiesV2 ul {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -15px;
}
.prop-block img, .communities-featured-block img {
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.prop-block section {
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
margin-bottom: 14px;
letter-spacing: 2px;

display: flex;
position: relative;
}
.prop-block section:after {
display: block;
content: "";
height: 1px;
width: 80px;
background-color: #9D9D9C;
right: 0;
position: absolute;
top: 17px;
}

a:hover{
color: var(--gray);
}


.property-list ul li{
font-size: 0.8rem;
}
@media (max-width: 767px) {
.prop-amenitiesV2 ul li {
width: auto;
padding: 0 15px 15px;
text-align: left;
justify-content: flex-start;
width: 50%;
}
}
@media (max-width: 991px) {
.prop-amenitiesV2 ul li {
width: 25%;
}
}
@media (max-width: 767px) {
.prop-amenitiesV2 ul, .prop-amenitiesV2 ul li em {
justify-content: flex-start;
}
}

@media (max-width: 767px) {
.prop-amenitiesV2 ul li em {
margin-bottom: 14px;
}
}
@media (max-width: 767px) {
.prop-amenitiesV2 ul {
margin: 0 -15px;
}
}

.prop-amenitiesV2{
padding: 40px 0 40px 0;
background: rgba(33,33,33,.02);
}
@media (max-width: 767px) {
.prop-amenitiesV2 {
    padding: 20px 0 20px 0;
background: none;
}
}
@media (max-width: 576px) {
body.single-properties.headerFeatueV2 {
color: #000;
}
}
@media (max-width: 576px) {

}
@media (max-width: 767px) {
.prop-amenitiesV2 ul li em {
margin-bottom: 14px;
}
}

@media (max-width: 767px) {
.prop-amenitiesV2 ul li {
width: auto;
padding: 0 15px 15px;
text-align: left;
justify-content: flex-start;
width: 50%;
}
}

.card {
border: 0px;
}
.prop-galleryV1{
background:rgba(33,33,33,.02) ;
width: 100%;

padding: 30px 0;
}
.prop-galleryV2{
background:rgbrgba(33,33,33,.02) ;
width: 100%;
padding: 40px 0 40px;
}
.text-with-imageV2{
padding: 3px 0 0 0;
}
.text-with-imageV2 .card-deck .card {
background: none;
}
.card-deck .card{
margin: 0 !important;
}
span.section-tagline, h3.tagline, .signature {
color: rgb(157, 157, 156);
font-weight: 700;
display: flex;
font-family: 'Lato' , "Open Sans", sans-serif;
}
span.community-tagline, span.section-tagline, h3.tagline, h3.title, span.view-details, div.breadcrumbs,
.signature, .select-card-type {
margin-bottom: 10px;
font-size: 12px;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
}


span.section-tagline::after, h3.tagline::after, .signature::after {
display: block;
content: "";
height: 1px;
width: 120px;
background-color: rgb(157, 157, 156);
margin-top: 11px;
margin-left: 10px;
}

@media (min-width: 768px) {
.section-1 .card-body:first-child {
order: 2;
}
.section-1 .card-body:last-child {
order: 1;
}

.section-2 .card-body:first-child {
order: 1;
}
.section-2 .card-body:last-child {
order: 2;
}

.section-3 .card-body:first-child {
order: 2;
}
.section-3 .card-body:last-child {
order: 1;
}
}



@media (max-width: 767px) {
.card-deck .card{
padding-left: 0 !important;
padding-right: 0 !important;
}
span.community-tagline, span.section-tagline, h3.tagline, h3.title, span.view-details, div.breadcrumbs,
.signature, .select-card-type {
letter-spacing: 0px;
text-transform: none;

}
span.section-tagline::after, h3.tagline::after, .signature::after {
display: block;
content: "";
height: 1px;
width: 56px;
background-color: rgb(157, 157, 156);
margin-top: 11px;

}
}


@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

.fade-in {
animation: fadeIn 1s ease-in forwards;
}

@media only screen and (min-width: 1024px) {

@keyframes fadeLeft {
    from {
      opacity: 0;
      transform: translateX(-10px); 
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  .fade-left {
    position: relative;
    animation: fadeLeft 0.5s ease-in forwards;
  }
  
  @keyframes fadeRight {
    from {
        opacity: 0;
        transform: translateX(10px); 
    }
    to {
        opacity: 1;
        transform: translateX(0); 
    }
}

.fade-right {
    position: relative;
    animation: fadeRight 0.5s ease-in-out;
}
}

/* Default styles */
.image-slide {
overflow: hidden; 
}
@media (min-width: 768px) {
.hero-image-slide .slide-img {

height: 40vh; 
}

}

.home-hero-section {
    position: relative;
    width: 100%;
    overflow: hidden;
}

@media (max-width: 413px) {
    .home-hero-section {
        max-height: 70vh;
    }

}

@media (min-width: 414px) and (max-width: 767px) {
    .home-hero-section {
        max-height: 55vh; 
    }
}

@media (min-width: 868px) {
    .home-hero-section {
        height: 60vh;
    }
}

@media (min-width: 1024px) and (max-width: 1479px) {
    .home-hero-section {
        height: 85vh;
    }
}

@media (min-width: 1480px) {
    .home-hero-section {
        height: 90vh; 
    }
}
.hero-image-slide {
position: relative;
flex: 0 0 100%; 
height: 100%;
overflow: hidden; 
}

.hero-image-slide .slide-img {
object-fit: cover;
display: block; 
}

.hero-image-slide::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(194deg, rgb(0 0 0 / 59%), rgb(0 0 0 / 0%));
z-index: 1;
}


.hero-image-slide .slide-img {
width: 100%;
height: 50vh;
position: relative; 
max-height: none; 
object-fit: cover; 
}


@media (min-width: 1024px) {
    .gallery-slider-wrap {
        max-height: 450px;
        overflow-x: hidden;
        }
        
.hero-image-slide .slide-img {
height: 85vh; 
}
}


.btn.focus, .btn:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgb(50 50 50 / 25%);
}




.btn{
border-radius: 0px !important;
}

.btn:hover {

transform: scale(1.02);
    color: #d4cbcb;
    text-decoration: none;
    text-decoration: none;
}



.sticky-btn-v2 {
text-align: center;
background-color: #fff; 
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
overflow: hidden; 
}

.sticky-btn-v2 ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
}

.sticky-btn-v2 a {
text-align: center;
align-items: center; 
text-decoration: none;
color: #000; 
background: #fff; 

}

.sticky-btn-v2 i {
margin-right: 0px; 
font-size: 12px;
}

.sticky-btn-v2 span {
display: block;

font-size: 12px;
font-weight: 400;

color: #232323;
}
.single-properties .sticky-prop-bar h4 a {
color: #9D9D9C;
font-weight: 600;
}
.sticky-prop-bar {

position: fixed;
bottom: 0;
background-color: #EAECEE;
z-index: 6; 
border-bottom: 1px solid #e0e0e0; 
width: 100%;
font-size: 20px;
}

.btn-ghost {

background-color: transparent;
border: 1px solid #000000; 
color: #000000; 
}

.btn-ghost:hover {
background-color: #000000; 
color: #fff; 
}

.btn-grey {
background-color: #000000; 
color: #fff; 
}







.prop-community .community-features li {
margin-bottom: 22px;
display: flex;
}

.prop-community .community-features li .icon {
width: 36px;
text-align: center;
margin-right: 16px;

}

.prop-community .community-features li span {
display: block;
color: #232323;
font-family: 'Lato', 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
}




.btn-register-interest{
margin-left: 10px;
margin-right: 10px;
}




.sticky-prop-bar span.prop-dtl{
font-size: 22px;
padding-top: 5px;
    line-height: 24px;
    font-weight: 500;
color: #000;
font-family: 'Rubik-Regular';
}

.sticky-prop-bar h4{
margin: 0;
color: #232323;
letter-spacing: 2px;
}
.sticky-prop-bar{
font-family: 'Lato','Optima LT W02 Roman';
}
.sticky-prop-bar span {
text-transform: none;
color: #000;
font-family: 'Lato','Optima LT W02 Roman';
text-transform: uppercase;
}

.prop-galleryV2 .gallery-view {
display: block;

font-weight: 400;
text-align: center;
text-transform: uppercase;
font-family: 'Lato','Optima LT W02 Roman';
font-size: 1rem;
}


/* emmar */
footer#colophon {
color: #99979c;

}
footer#colophon {
    
background-color: #F8F9FB!important;
font-size: 100%;
padding-top: 50px;
}
.footer-logo {
display: inline-block;
margin-right: 54px;
}
.footer-social-icons {
display: inline-block;
gap: 50px;
}
footer ul.social-media-icons-sections li {
display: inline-block;
margin-right: 15px;
}

footer p.widget-title {
color: #000000 !important;
}

footer p.widget-title {
font-family: 'Lato', 'Open Sans', sans-serif;

letter-spacing: 2px;
text-transform: uppercase;
color: #9D9D9C;
margin-bottom: 15px;
}
footer .menu-black li,.menu-white li {
margin-bottom: 15px;
letter-spacing: 2px;
}

footer ul li {
list-style-type: none;
}
.menu{
display: block;
}

.prop-community {
padding: 40px 0 50px;
}

.sticky-prop-bar {
background-color: #EAECEE;
padding-top: 25px;
padding-bottom: 25px;
}

footer .footer-logo{
max-width : 240px;

gap: 50px;

}

.prop-community p {

letter-spacing: 0;
font-weight: 300;
}

@media only screen and (max-width: 767px) {


.single-properties p {
font-size: 14px;
}
}

@media (max-width: 767px) {
.prop-community h2 {
font-size: 24px;
margin: 4px 0 10px;
}
}

.prop-community h2 {
margin: 4px 0 15px;
}
@media only screen and (max-width: 767px) {
h2 {
font-size: 24px;
}
}
h2 {

padding: 0;
}





@media (max-width: 991px) {
.single-property-section-oneV2 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.single-property-section-oneV2 {
padding-top: 40px;
padding-bottom: 30px;
}
}
.single-property-section-oneV2 {
padding-top: 50px;
padding-bottom: 50px;
}
@media only screen and (max-width: 991px) {
.single-property-section-one {
padding-top: 20px;
}

}




.wpml-ls-item-toggle {
text-decoration: none;
color: #000;
display: flex;
align-items: center;
cursor: pointer;
}

.wpml-ls-sub-menu {
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
border: 1px solid #ccc;
list-style: none;
padding: 0;
margin: 0;
min-width: 150px;
z-index: 6;
display: none; 
}

.wpml-ls-sub-menu li {
border-bottom: 1px solid #eee;
}

.wpml-ls-sub-menu li:last-child {
border-bottom: none;
}

.wpml-ls-sub-menu a {
display: block;
color: #000;
text-decoration: none;
}

.wpml-ls-sub-menu a:hover {
background-color: #f1f1f1; 
}



.sticky-prop-bar .button-group {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.sticky-prop-bar .btn {
margin: 6px; 
}

.sticky-prop-bar .btn-ghost,
.sticky-prop-bar .btn-grey {
display: inline-block;
}


.download-brochure-link{
width: 100%;
}
.slide-img {
max-width: 100%;
height: auto;
}

.gallery-slider-wrap {
overflow-x: hidden;
max-height: 450px;
scrollbar-width: none; 
}
.gallery-slider-wrap::-webkit-scrollbar {
    display: none;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}

@media (min-width: 1200px) {
.container {
max-width: 1400px;
}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
.container {
max-width: 1140px;
}
}

@media (min-width: 768px) and (max-width: 991.98px) {
.container {
max-width: 960px;
}
}

@media (min-width: 576px) and (max-width: 767.98px) {
.container {
max-width: 720px;
}
}


@media (min-width: 391px) and (max-width: 575.98px) {
.container {
max-width: 540px;
}
.sticky-btn-v2 {
    display: none;
    }
    
}

@media (max-width: 390px) {
.container {
max-width: 100%;
}
.sticky-btn-v2 {
    display: none;
    }
    
}


.image-column, .text-column {
padding: 15px; 

}

@media (max-width: 767px) {
.image-column, .text-column {
padding: 10px; 
}

.text-column {
margin-top: 20px; 
}
}


footer .menu li {
margin-bottom: 15px;
letter-spacing: 2px;

}
footer .widget-title {
font-family: 'Lato', 'Open Sans', sans-serif;
font-size: 18px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 700;
color: #9D9D9C;
margin-bottom: 15px;
line-height: 36px;
}


.prop-galleryV2 .image-slide img{
width: 100%; 
object-fit: cover;
}


.image-slide img{

    width: 100%; 
    object-fit: cover;
    }

.prop-detailsV2 ul{
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}

.prop-detailsV2 ul li span {
    font-family: 'Rubik-Regular' ;
border: 1px solid #CACACA;
border-radius: 1px;
background-color: #FFF;
display: flex;
font-weight: 400;
letter-spacing: 0;
align-items: center;
padding: 29px 20px;
text-transform: uppercase;
height: 100%;
}
.prop-detailsV2 ul li span i {
font-weight: 100;
margin-right: 15px;
color: #CDAB6E;
font-size: 20px;
}
.prop-detailsV2 ul li {
width: 25%;
padding: 15px 15px;
}

@media (max-width: 767px) {
.prop-detailsV2 ul li span {
font-size: 17px;
line-height: 30px;
padding: 22px 15px;
}
.prop-detailsV2 ul li {
width: 100%;
padding: 11px 15px;
}
}
@media (max-width: 576px) {
body.single-properties.headerFeatueV2 {
color: #000;
}
}
.prop-detailsV2{
padding-top: 30px;
padding-bottom: 30px;
}




@media (max-width: 575.98px) {
.prop-detailsV2 {
display: block;
}
.dropdown-menu {
 
    left: -30px;
   
}
}

.prop-galleryV2 .image-column img{
padding: 7%;
}
.prop-amenitiesV2 p{
padding-bottom: 25px;
}


.menu-footer, .menu-footer-menu-about-emaar-container {
    display: flex;
    justify-content: space-between; 
    align-items: flex-start; 
    align-items: center;
}

.left {
    flex: 1; 
    text-align: left; 
}

.footer-qr {
    text-align: right;
}
.right{
    text-align: right; 
}
.footer-qr img {
    max-width: 100px;
    height: auto;
}

.footer-nav-menu {
    padding-bottom: 50px; 
    margin-top: 20px;
}
.navbar-center{
    gap: 40px;
 }

@media (max-width: 768px) {
    .get-touch-btn1 {
    
        padding: 7px!important;
     
    }
    .prop-amenitiesV2 ul li span {
        font-size: 16px;
    }
    .menu-footer-menu-about-emaar-container {
        align-items: center;
        flex-direction: column;
    }

    .footer-qr {
        text-align: center; 
        margin-bottom: 20px; 
    }

  
}
@media (max-width: 768px) {
    .gallery-slider-wrap {
        overflow-x: hidden;
    
        }
        .text-with-imageV2 {
            padding: 1px 0 0 0;
        }
   
    .footer-logo img{
        margin: 20px 0;
       }
       .navbar-center {
        gap: 0px;
    }

     
}

@media (max-width: 413px) {
    .hero-image-slide .slide-img {
      
        height: 65vh;
       
    }
}

.iti__flag-container {
    padding: 10px;
}

.iti__selected-flag {
    padding: 10px;
}

.single-property-section-one img {
    width: 100%;
    height: auto; 
}


@media (max-width: 768px) {

    .single-property-section-one .col-sm-7,
    .single-property-section-one .col-sm-5 {
        width: 100%;
    }

    .download-brochure-link {
        margin-top: 20px;
    }
}

.iti {
    display: block;
}

.navbar-center{
    align-items: center;
}

.icons{
    max-width: 40px;
}
.modal-content, .form-control{border-radius: 0px;
    border: 0;
    border-bottom: 1px solid #ced4da;}

.modal.show .modal-dialog {
    -webkit-transform: translate(0);
    transform: translate(0);
    top: 10%;
}
@media (max-width: 768px) {
    h1{
        font-size: 1.6rem;
    }
    .modal.show .modal-dialog {
        -webkit-transform: translate(0);
        transform: translate(0);
        top: 15%;
    }
}
.form-control:focus {
    color: #495057;
  
    border-color: #000000;
   
    box-shadow: 0 0 0 .02rem rgba(0, 123, 255, .25);
}

.navbar-links .navbar-list a:hover{
color:#fff;
}
.navbar .scrolled .navbar-links .navbar-list a:hover{ 
    color:#000000;
}

@media only screen and (max-width: 767px) {
     p {
        font-size: 15px;
        line-height: 24px;
    }
    .prop-galleryV2 span.gallery-view {
       
        font-size: 18px;
   
        padding-top: 10px;
    }
}
@media (min-width: 767px) {
 p {
    font-size: 20px;
    line-height: 32px;
}}

.prop-galleryV2 span.gallery-view {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Rubik-Regular';
    font-size: 20px;
  font-weight: 400;
    margin-bottom: 14px;
}
.get-touch-btn1 a:hover{
    color  : #fff;
    background  : #232323 ;

}
.get-touch-btn1{
    background: #fff;
    color: #232323 ;
    border: 0;
    font-family: 'Lato', 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    border-radius: 2px;
    padding: 13px 15px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
}

.navbar.scrolled .get-touch-btn1:hover{
    color : #232323 ;
    background : #fff;
}
.navbar.scrolled .get-touch-btn1{
    background: #232323 ;
    border: 1px solid #CACACA;
    color: #fff;
}
#communities > div > div > div.col-lg-4 > ul > li:nth-child(4) > span.icon > img{
    padding: 2px;
}
#communities > div > div > div.col-lg-4 > ul > li:nth-child(5) > span.icon > img{
    padding: 2px;
}
.cta {
    width: 100%;
    position: relative; 
font-family: Rubik-Regular;
    color: black;
    text-align: center;
    padding: 10px;
    display: inline-block;
    text-decoration: none;
    font-size: 1.1rem;
    border: 1px solid #CACACA;
    margin-top: 5px;
}

.cta:hover {
    color: black; 
    background-color: #f5f5f5; 
    border: 1px solid rgb(157, 157, 156);
}
.cta:hover::after {
    display: none; 
}
.desktop-only{
    display: block;
    }
    .mobile-only{
    display: none;}
@media (max-width: 767px){ 
.desktop-only{
display: none;
}
.mobile-only{
    display: block;

}
.prop-detailsV2 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.prop-galleryV1 {
   
    padding: 10px 0;
}
}


.navbar .exit,.navbar
.menu-black{width:1.4em;cursor:pointer;display:block}
@media (min-width: 780px) and (max-width: 900px) {

    .navbar-left .dropdown-toggle{
        font-size: 0.8em;
    }
    .navbar-links .navbar-list {
       
        gap: 0 1.5em;
      
        font-size: 0.8em;
    }
    .get-touch-btn1 {
     
        font-size: 12px;
        
        padding: 10px 10px;
        line-height: 14px;
      
        letter-spacing: 1px;
      
    }
    .navbar-left {
        gap: 10px;
      
    }
}

.prop-galleryV1 .image-slide img{
    max-height: 400px;
}