p, h1, h2, h3, h4,  h5, h6, div, body a {
    font-family: 'Roboto', sans-serif !important;
}
body,body span,p,a{font-family: 'Roboto', sans-serif; font-size:20px !important;}
/* Basic WhatsApp floating button styles */
#whatsapp-top-btn {
  position: fixed;
  /* Choose one of the three top values below (uncomment desired one) */
  /* top: 1px;    /* very top */ 
   /* default slightly away from edge */
  /* top: 1rem;  /* 1rem from top */ 
    bottom: 10px;  
  right: 25px;   /* change to left: 12px; to place on left side */
  z-index: 99999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: #25D366; /* WhatsApp green */
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
  text-decoration: none;
  transition: transform .12s ease, box-shadow .12s ease;
}

/* Hover/focus states */
#whatsapp-top-btn:hover,
#whatsapp-top-btn:focus {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.22);
  outline: none;
}

/* Make the SVG white and properly sized */
#whatsapp-top-btn svg {
  fill: #fff;
  width: 22px;
  height: 22px;
}

/***********8menu************/
.sp-megamenu-parent>li.active>a {background: #e6af1f;display: inline;padding: 10px 28px;}
.sp-megamenu-parent li a:hover::after {
    width: 100%;
}
.sp-megamenu-parent li a{display: inline;line-height: normal;text-transform:uppercase;}
.sp-megamenu-parent li {margin: 0 10px;}
.sp-megamenu-parent li a::after {
	display: inline;
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 1px;
    background: #e6af1f;
    transition: width 0.3s ease;
}
/*******Header************/
#sp-top-bar {display: none;}
header#sp-header .container {max-width: 750px;}
#sp-menu {margin-top: 52px;}
body #sp-header {background: none;box-shadow: none;}
#column-wrap-id-1629272628185 {max-width: 600px;margin: 0 auto;text-align:center;margin-top: 100px;}
#sp-header {transition: background 0.3s ease, backdrop-filter 0.3s ease, box-shadow 0.3s ease;}
#sp-header.header-scrolled {background: rgba(0, 0, 0, 0.85);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);}
/********Banner***********/
.sppb-section-background-video video{background-color: rgba(0, 0, 0, 0.5);}
#sppb-addon-wrapper-1629274448274,#sppb-addon-wrapper-bbe1878b-6c3b-4492-84f9-2dc8ebc8d5ec {width: 100%;}
#column-wrap-id-1629296134325 {max-width: 100%;flex-basis: 100%;}
#sppb-addon-1629274448274 .sppb-addon-title {text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);animation: textFadeScale 1s ease-out 0.8s forwards;}
/*.sp-page-builder .page-content #section-id-1629284567529 {margin-top: 600px;}*/
.sp-page-builder .page-content #building-properties-dubai.sppb-section {margin-top: 20px !important;background: #DFDDDD;}
a#btn-1629296134374	{border: 1px solid #e6af1f;}
#sppb-addon-1629274448274 .sppb-addon-title{margin-bottom:0;}
#sppb-addon-wrapper-1629296134374 {margin-top: 15px;}
/***************Logo marquee**********/
/* Hide overflow */
#section-id-1629284567529 {
  overflow: hidden;
}

/* Row as horizontal track */
#section-id-1629284567529 .sppb-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content;
  animation: logoScroll 30s linear infinite;
}

/* Pause on hover */
#section-id-1629284567529:hover .sppb-row {
  animation-play-state: paused;
}

/* Prevent column shrink */
#section-id-1629284567529 .sppb-col-md-3 {
  flex: 0 0 auto !important;
}

/* Image size control */
#section-id-1629284567529 img {
  max-height: 80px;
  width: auto;
}

/* Animation */
@keyframes logoScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

#section-id-1629284567529 .sppb-row {
  gap: 80px; /* try 10px / 15px / 20px */
}
#section-id-1629284567529 .sppb-col-md-3,
#section-id-1629284567529 .sppb-col-sm-3,
#section-id-1629284567529 .sppb-col-xs-3 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
#section-id-1629284567529 .sppb-col-md-3 {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}
#section-id-1629284567529 img {
  width: 140px; /* adjust */
  height: auto;
}
/* Optional: hide on very small screens (enable if needed) */
@media (max-width: 420px) {
  /* If you prefer to hide on tiny screens, uncomment next line */
  /* #whatsapp-top-btn { display: none; } */
}
#column-id-1629272628185 p {
    display: none;
}
/********Services******/
#villa-properties-dubai .sppb-row-container{padding:0;}
#villa-properties-dubai .sppb-addon-wrapper.addon-root-feature{margin-right:0;margin-left:0;}
#villa-properties-dubai >.sppb-row-container > .sppb-row > div{padding-left: 0px;padding-right: 0px;margin-bottom:0px;}
#villa-properties-dubai > .sppb-row-container {width: 100%;max-width: none;}
#villa-properties-dubai img.sppb-img-responsive,#villa-properties-dubai #sppb-addon-1629272630711 .sppb-img-container {width: 100%;}
#villa-properties-dubai span.sppb-img-container{margin-bottom:0;}
#villa-properties-dubai .sppb-addon-content {position: relative;}
#villa-properties-dubai .sppb-media-content {position: absolute;text-align: center;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 2;padding: 0 30px;}
#villa-properties-dubai .sppb-addon-title.sppb-feature-box-title{color:#fff;}
#villa-properties-dubai .sppb-img-container {
    position: relative;
    display: block;
}

#villa-properties-dubai .sppb-img-container::after {
    content: "";
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0 */
    background: rgba(0, 0, 0, 0.55);
    z-index: 1;
    transition: background 0.35s ease;
}
#villa-properties-dubai .sppb-media-content {
    z-index: 2;
}
#villa-properties-dubai .sppb-addon-content:hover 
.sppb-img-container::after {
    background: rgba(0, 0, 0, 0.75);
}
#villa-properties-dubai .sppb-img-container img {
    display: block;
    width: 100%;
}
/* Base setup */
#villa-properties-dubai .sppb-addon-content {
    cursor: pointer;
    overflow: hidden;
}

/* Image container */
#villa-properties-dubai .sppb-img-container {
    position: relative;
    display: block;
    overflow: hidden;
}

/* Image zoom (ease-in) */
#villa-properties-dubai .sppb-img-container img {
    display: block;
    width: 100%;
    transition: transform 0.6s ease-in;
}

/* Gradient overlay */
#villa-properties-dubai .sppb-img-container::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.25),
        rgba(0, 0, 0, 0.75)
    );
    z-index: 1;
    transition: background 0.4s ease-in;
}

/* Darker gradient on hover */
#villa-properties-dubai .sppb-addon-content:hover 
.sppb-img-container::after {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.4),
        rgba(0, 0, 0, 0.9)
    );
}

/* Zoom image on hover */
#villa-properties-dubai .sppb-addon-content:hover 
.sppb-img-container img {
    transform: scale(1.08);
}

/* Title styling */
#villa-properties-dubai .sppb-addon-title.sppb-feature-box-title {
    position: relative;
    display: inline-block;
    transform: translateY(15px);
    opacity: 0.9;
    transition: transform 0.4s ease-in, opacity 0.4s ease-in;
}

/* Slide-in title on hover */
#villa-properties-dubai .sppb-addon-content:hover 
.sppb-addon-title.sppb-feature-box-title {
    transform: translateY(0);
    opacity: 1;
}

/* Underline (gold) */
#villa-properties-dubai .sppb-addon-title.sppb-feature-box-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 0;
    height: 2px;
    background: #e6af1f;
    transform: translateX(-50%);
    transition: width 0.35s ease-in;
}

/* Show underline on hover */
#villa-properties-dubai .sppb-addon-content:hover 
.sppb-addon-title.sppb-feature-box-title::after {
    width: 100%;
}


/*************Market********/
#marketsect .sppb-row-container {max-width: none !important;padding: 0 !important;}

/********Footer***********/
#sp-bottom .sp-module .sp-module-title {font-size: 21px;text-transform: uppercase;}

/***************Chronoform*********************/
#chronoform-contact a.chronocredits {display: none;}
#chronoform-contact input#phone_number {border: 1px solid #cecece;padding: 10px 10px !important;}
@media (max-width: 991px) {
	#sp-footer, #sp-bottom {
    text-align: center;
}
    #sp-header {
        position: relative;
    }

    #sp-header .logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        z-index: 10;
    }

    /* Keep hamburger on left */
    #sp-header .burger-icon,
    #sp-header .sp-megamenu-wrapper {
        position: relative;
        z-index: 5;
    }
}