.slider-content {
    animation: fadeIn 3s ease-in-out;
}
.hidden {
    visibility: hidden; /* Content is invisible but still occupies space */
    opacity: 0;         /* Ensures no flicker when the animation starts */
    transition: visibility 0s, opacity 0.5s ease; /* Smooth transition */
}
.hiddenService {
    visibility: hidden;
    opacity: 0;
}

.service-card.animate__animated {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.5s ease-in-out;
    --animate-duration: 2s; /* Set to 2 seconds for a slower animation */
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 1s ease-in-out;
}
/*.hiddenAbout {
    visibility: hidden;
    opacity: 0;
    transform: translateX(-50px);
    transition: all 1s ease-in-out;
}

.fadeRight {
    visibility: visible;
    opacity: 1;
    transform: translateX(0); 
}
*/
.why-choose-us .list-icons li,
.why-choose-us h3,
.why-choose-us h2,
.why-choose-us p {
    visibility: hidden;
}
.about-content {
    visibility: hidden; /* Hide element initially */
}

/* When Animate.css animation starts, visibility is automatically handled */
.animate__animated {
    visibility: visible !important; /* Ensure element becomes visible */
}
body{
background:#F5F6F6
}

.top-header{
display:none
}

.new-banner .container-fluid, .row{
height:100%
}

.new-banner .container-fluid .container{
/*padding:350px 0px*/
}
.new-banner .col-lg-6{
padding:0
}
.new-banner {
    display: flex;
    /*height: 100vh;*/
}

.banner-content, .banner-img {
    flex: 1; /* Each takes up 50% width */
}

.banner-content {
    display: flex;
    align-items: center;
    justify-content: center;
  padding: 70px;
    margin-top: -100px;
   
}
.banner-img{
max-height:90%;
  overflow:hidden
}
.banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}

.inner-container{
/*justify-content:start !important;
  gap:70px*/
}

.column-content{
display:flex
}
.nav-tab-recommended .nav-link-item {
    border: 1px solid #7e6d31;
}
.show-admin-bar .fixed-header {
    top: 14px;
}

.flat-slider.home-2{
display:flex;
  position:relative;
}

/* .nav-tab-form.style-2{
display:none
} */

/* .flat-slider.home-2 .flat-tab.flat-tab-form{
    position: absolute;
    bottom: 0;
  z-index:2;
  left:0
} */

.flat-slider.home-2 .slider-content{
position:unset;
}

.flat-slider.home-2 .wd-find-select.no-left-round {
border-radius:unset;
background: #334829;
}
.flat-slider.home-2 .wd-find-select.style-2 {
       gap: 52px;
    /*padding: 22px 18px 22px 32px;*/
  padding: 20px 60px;
}

.flat-slider.home-2 .wd-find-select {
        border-color: #334829;
        border-radius: 12px;
        display: flex;
        background-color: #334829;
        /*color: white;*/
    }
.flat-slider.home-2    .wd-find-select .inner-group .form-style label {
        color: white;
        font-size: 15px;
        line-height: 24px;
    }
 .flat-slider.home-2   .wd-find-select .inner-group {
        background-color: #334829;
    }
.flat-slider.home-2    .wd-find-select .inner-group .form-style .form-control {
        background: #334829;
        color: white;
    }
 .flat-slider.home-2   .wd-find-select .inner-group .form-style .form-control::placeholder{
        color:white;
    }
  .flat-slider.home-2  .wd-find-select .inner-group .form-style .nice-select {
        color: white;
        background:#334829;
    }
    .nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover {
        color:#334829
    }

  .flat-slider.home-2  .filter-advanced.pull-right{
/* display:none */
color: white !important;
}

  .flat-slider.home-2  .form-group-3.form-style {border-inline-end: unset}

.flat-slider.home-2 .wd-find-select.style-2{
width:100%;
}

/*Stats section styling*/
/* Container and Grid */
.stats-section {
    /*padding: 80px 0 10px;
    background-color:#F7F7F7 Light background color */
    /* position: absolute;*/
    top: 476px;
    left: 21%;
   /* transform: translateX(-50%);*/
    /*width: 40%;*/
    background-color: unset;
    padding: 80px 20px 60px;
    border-radius: unset;
    box-shadow: unset;
    z-index: 999;
}
.stats-grid {
       display: flex;
    justify-content: space-between;
    gap: 0px;
    flex-wrap: wrap;
}

/* Individual Stat Item */
.stat-item {
      background-color: #ffffff; 
    text-align: center;
    padding: 20px;
  width: 22%;
    border-radius: 16px;
  box-shadow: 0 0px 1px 0 #334d26;
    padding: 40px;
    /*background: rgba(21, 20, 20, 0.5); */
    border: 0;
    /* color: rgb(255 255 255 / 1);*/
}

/* Icon Styling */
.stat-icon {
    font-size: 40px;
    color: #b0af71;
    margin-bottom: 19px;
}

/* Number Styling */
.stat-number {
   font-size: 36px;
    font-weight: bold;
    color: #334d26;
    margin: 16px 0px;
}


/* Label Styling */
.stat-label {
    font-size: 16px;
    color: #334d26;
}

/* Responsive Design */
@media (max-width: 768px) {
    .stats-grid {
        flex-direction: column;
        gap: 10px;
    }
}

.stat-icon img{
max-width:50px
}


/*Custom Services*/
.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Show two items per row */
    gap: 0;
}

.grid-item {
    background-size: cover;
    background-position: center;
    height: 280px;
    overflow: hidden;
    position: relative;
  display:flex;
  justify-content:center;
  align-items:center
}

.grid-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: transform 1.5s ease; /* Slower zoom effect */
    z-index: 1;
}

/* Individual background images for each item */
.grid-item-1::before {
    background-image: url('/storage/66bb0a41ea3a6cd667e94370-shutterstock-24728900831.jpg');
}

.grid-item-2::before {
    background-image: url('/storage/960x0.webp');
}

.grid-item-3::before {
    background-image: url('/storage/buy-property-in-dubai-765x365-1.jpg');
}

.grid-item-4::before {
    background-image: url('/storage/960x0.webp');
}

.grid-item:hover::before {
    transform: scale(1.1); /* Zoom in only the background image on hover */
}

.grid-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #334829; /* Semi-transparent overlay */
    z-index: 2; /* Keep overlay on top */
    opacity: 0.8;
    transition: opacity 1.5s ease;
}

.grid-item .overlay-text {
    color: white;
    font-size: 1.5em;
    transition: opacity 1.5s ease, transform 1.5s ease; /* Slower text transition */
    opacity: 1;
    transform: translateY(0);
}

/* On hover, fade out the original text */
.grid-item:hover .overlay-text {
    opacity: 0;
    transform: translateY(-10px);
}

/* New text on hover using .overlay::after */
.grid-item-1:hover .overlay::after {
    content: 'BUY';
}

.grid-item-2:hover .overlay::after {
    content: 'SELL';
}

.grid-item-3:hover .overlay::after {
    content: 'RENT';
}

.grid-item-4:hover .overlay::after {
    content: 'LEASE';
}

/* Style the new text that appears on hover */
.grid-item .overlay::after {
    position: absolute;
    color: white;
    font-size: 1.5em;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 1.5s ease, transform 1.5s ease; /* Slower transition */
}

/* Show the new text on hover */
/*.grid-item:hover .overlay::after {
    opacity: 1;
    transform: translateY(0);
}*/
.grid-heading{
display: flex;
    /* justify-content: center; */
    align-items: center;
    color: white !important;
    position:relative;
    font-size: 30px;
    z-index: 99;
    margin: 0 auto;
  flex-direction:column
}
.grid-heading h4{
color:white;
}

.service-view-button {
    background-color: transparent;
    border: 2px solid white; /* White border similar to the example */
    color: white;
    padding: 4px 30px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.service-view-button:hover {
    background-color: white;
    color: #333; /* Change color on hover */
}

.custom-services-content{
    padding: 50px;
    text-align: center;
}
.custom-services-heading{
      text-align: center;
    margin: 0 auto;
    max-width: 800px;
    padding: 10px;
}
.flat-section {
    padding: 80px 0 40px;
}


/* Main section styling with background image */
.about-section {
       position: relative;
    background-image: url("/storage/dubai-visa-banner-image.jpg");
    background-size: cover;
    background-position: center;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 150px 20px;
}

/* Full overlay across the section */
.full-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2));
    z-index: 1;
}

/* Text content overlay for more contrast */
.about-content {
   position: relative;
    /* background-color: rgba(0, 0, 0, 0.7); */
    color: #ffffff;
    padding: 20px;
    max-width: 700px;
    /* text-align: center; */
    z-index: 2;
    font-size: 30px;
}

.about-content h2 {
 margin-top: 0;
    margin-bottom: 18px;
    color: white;
}

.about-content p {
     margin: 0;
    font-size: 20px;
    line-height: 1.25;
}
.about-content .service-view-button{
margin-top:30px
}


.why-choose-us .list-icons li {
    margin-bottom: 30px;
}
.why-choose-us .list-icons li a > .icon-wrap {
   /* display: inline-block;*/
    width: 60px;
    height: 60px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    border-radius: 50%;
    background: #ffffff;
    position: relative;
    margin-right: 20px;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);
  display: flex;
    justify-content: center;
    align-items: center;
}
.why-choose-us .list-icons li a > .text {
    color: #000000;
    font-size: 16px;
    line-height: 1.5;
}
.why-choose-us .margin-left-offset {
    /* margin-left: -70px; */
    position: relative;
}
.why-choose-us .heading-2 {
    font-size: 40px;
}
.why-choose-us{
    padding: 140px 50px;
}
.list-unstyled.list-icons .icon-wrap img{
max-width:32px
}
.flat-slider.home-2 .slider-content .heading .title {
    padding-inline-end: 51%;
}
.flat-section.flat-recommended .tab-content .homeya-box{
text-align: center;
   /* padding: 20px;*/
    width: 100%;
    border-radius: 0px;
   /* box-shadow: 0 0px 1px 0 #334d26;*/
    /* padding: 40px; */
    /* background: rgba(21, 20, 20, 0.5); */
    box-shadow: 0 5px 5px 0 #7e6d315e;
}
.flat-recommended .homeya-box .top span.flag-tag.success {
    display: flex;
    justify-content: center;
    align-items: center;
}
.homeya-box .images-group .box-icon {
    display: none;
}
.flat-section.flat-recommended .tab-content .homeya-box .content .text-capitalize.h7.fw-7{
    font-size: 27px;
    margin: 19px 0px;
}

.flat-section.flat-recommended .tab-content .homeya-box .content .desc{
    justify-content: center;
    align-items: center;
}
.flat-section.flat-recommended .homeya-box .archive-bottom{
justify-content:center !important
}

.about-us-section{
padding: 80px 0px 20px
}
.about-us-section .about-content-section h2{
font-size: 35px;
}

.director-saying{
    padding: 96px 0px;
   background-image: url('/storage/9820d38a12bdf124c66d9b48e81588de.jpg');
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.content-row{
    justify-content: center;
}
#page-10 .banner-video a.btn-video {
    display: none !important;
}

.director-saying .director-words p{
color:white !important
}
.director-saying h6{
color:white;
 margin:0
}

.director-saying-content{
display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 33px;
}

.director-img-div{
max-width: 50px;
    overflow: hidden;
}
.director-img-div img{
  border-radius: 50%;
    width: 100%;
    height: auto;
  object-fit: cover;
}

.director-name{
display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.flat-slider.home-2 .slider-content{
padding:unset 
}
.container.relative{
    /*margin: 99px 43px;*/
}

/* .flat-slider.home-2 .flat-tab.flat-tab-form{
display:none !important; 
} */
.flat-slider.home-1 .slider-content{
padding:unset
}
.flat-slider.home-1 .slider-content .flat-tab-form .nav-tab-form{
display:none
}
.flat-slider.home-1 .slider-content .flat-tab-form .tab-content{
margin-top:-100px
}
.flat-slider.home-1 .overlay{
background:unset
}

.flat-slider.home-2{
height:100vh
}

.show-admin-bar .fixed-header{
/*z-index:9999999*/
}
.flat-slider.home-2 .wd-find-select.no-left-round {
border-radius:unset;
background: #334829;
}
.flat-slider.home-1 .wd-find-select.style-2 {
       gap: 52px;
    /*padding: 22px 18px 22px 32px;*/
  padding: 20px 60px;
}

.flat-slider.home-1 .wd-find-select {
        border-color: #334829;
        border-radius: 12px;
        display: flex;
        background-color: #334829;
        /*color: white;*/
    }
.flat-slider.home-1    .wd-find-select .inner-group .form-style label {
        color: white;
        font-size: 15px;
        line-height: 24px;
    }
.flat-slider.home-1   .wd-find-select .inner-group {
        background-color: #334829;
    }
.flat-slider.home-1    .wd-find-select .inner-group .form-style .form-control {
        background: #334829;
        color: white;
    }
.flat-slider.home-1   .wd-find-select .inner-group .form-style .form-control::placeholder{
        color:white;
    }
.flat-slider.home-1  .wd-find-select .inner-group .form-style .nice-select {
        color: white;
        background:#334829;
    }
.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover {
        color:#334829
    }

.flat-slider.home-1  .filter-advanced.pull-right{
display:none
}

.flat-slider.home-1  .form-group-3.form-style {border-inline-end: unset}

.flat-slider.home-1 .wd-find-select.style-2{
width:100%;
}

.flat-slider.home-1 .slider-content {
    padding: 0;
    position: absolute;
    width: 88%;
    left: 50%;
  bottom: -42px;
    transform: translateX(-50%);
    box-shadow: 1px 9px 25px -4px rgba(45, 58, 67, 0.52);
}

.flat-section.flat-recommended{
padding:2px 0 40px;
}

/*New Service White Section*/
/* Section Styling */
/* Section Styling */
.services-section {
    padding: 90px 0 107px;
    text-align: center;
    color: #333333;
    position: relative;
}

/* Header Background */
.services-section .section-header {
   background-color: #334829;
     padding: 57px 0 145px;
    color: #ffffff;
}

.services-section .section-title {
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    margin: 0;
}

/* Service Cards Container */
.services-section .services-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    padding-top: 27px;
    margin-top: -88px;
}

/* Individual Service Card Styling */
.services-section .service-card {
    background-color: #ffffff;
    color: #333333;
    width: 290px;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.services-section .service-card:hover {
    transform: translateY(-5px);
}

.services-section .service-icon {
    font-size: 36px;
    color: #7e6d31; /* Icon color */
    margin-bottom: 10px;
}

.services-section .service-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333333;
}

.services-section .service-description {
    font-size: 14px;
    margin-bottom: 15px;
    color: #666666;
}

.services-section .service-link {
    color: #7e6d31; /* Link color */
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    transition: color 0.3s ease;
}

.services-section .service-link:hover {
    color: #7e6d31;
}
.services-section .service-icon img{
max-width:70px;
  height:auto
}
.services-section .section-header .section-title{
font-size:36px;
  margin-bottom: 20px;
}

.section-title-para{
max-width:1000px
}

.section-header{
display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
}


/*New Banner Styling*/
.flat-slider.home-2 .img-banner-right{
background-position:100%;
background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    inset-inline-end: 0;
     inset-inline-start: unset;
    position: absolute;
    top: 0;
    width: 100%;
    }


    .container.relative{
        position: relative;
    z-index: 9;
    }
    .container.relative .row{
    display:flex;
    justify-content:center;
    }

   .flat-slider.home-2 .slider-content .heading .subtitle {
    color: #5c6368;
    margin-bottom:0;
    margin-top: 12px;
    max-width:1000px;
     padding-inline-end: unset

}
.flat-slider.home-2 .slider-content .heading {
text-align:center;
      display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.flat-slider.home-2 .slider-content .heading .title{
    color:white;

}
.flat-slider.home-2 .slider-content .heading .subtitle{
    color:white;
  padding-inline-end:unset;
  max-width: 663px;

}

.flat-slider .slider-home2 img{
    position:relative;

}

.flat-slider.home-2::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000080;
    transition: opacity 0.3s ease; /* Smooth transition for the overlay */
    z-index: 1; /* Ensure overlay appears above the image */
}
.flat-slider.home-2 .slider-content .heading .title{
padding-inline-end:unset
}
.flat-slider.home-2 .tf-btn.size-2{
background-color: transparent;
    border: 2px solid white;
    color: white;
    padding: 8px 36px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.flat-slider.home-2 .slider-content{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  gap:20px
}
.wd-find-select .inner-group .group-ip .icon{
color:white
}
.wd-find-select .inner-group .form-style .nice-select:after{
    border-bottom: 1.7px solid white;
    border-right: 1.7px solid white;
}
.box-contact-v2{
border-radius: unset;
}


/*Mobile Styling*/

@media(max-width:767px){
  .stat-item {
  width:unset
  }
  .about-section {
      padding: 51px 12px;
  }
  .why-choose-us {
    padding: 50px 20px;
}
  .why-choose-us .margin-left-offset {
  margin-left: 0px;
  }
  .whatsapp-icon-holder .whatsapp-icon {
    width: 61px;
    height: 56px;
    cursor: pointer;
    margin: -23px;
}
}





.banner-section {
    position: relative;
    height: 100vh;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    color: white;
    text-align: center;
}


.banner-section .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.banner-section .gif-banner {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #334829; /* Dark overlay for better text visibility */
    z-index: 2;
}

.banner-content {
    position: relative;
    z-index: 3; /* Place content above the GIF and overlay */
    max-width: 90%;
    text-align: left;
}

.banner-content h1 {
    margin-bottom: 20px;
   text-align: left;
  color:white;
font-weight: 200
}



.banner-section .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.banner-section .gif-banner {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #334829; /* Dark overlay for better text visibility */
    z-index: 2;
}

.banner-content {
    position: relative;
    z-index: 3;
    max-width: 90%;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.banner-content h1 {
    margin-bottom: 20px;
   text-align: left;
  color:white;
font-weight: 200
}
.banner-content-whole p{
font-size:18px !important;
  color:white !important;
}



/* about us page design */
:root {
            --urbanity-primary-green: #1B3022;
            --urbanity-gold-gradient: linear-gradient(135deg, #C5A059 0%, #F1D299 50%, #C5A059 100%);
            --urbanity-text-light: #F4F4F4;
        }

        /* Unique Long Class Names to avoid conflicts */
        .urbanity-properties-founder-section-container-fluid-2025 {
            background-color: var(--urbanity-primary-green);
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 80vh;
            padding: 80px 10%;
            font-family: 'Urbanist', sans-serif;
            color: var(--urbanity-text-light);
            overflow: hidden;
        }

        .urbanity-properties-founder-content-wrapper-flexbox-row {
            display: flex;
            width: 100%;
            max-width: 1200px;
            gap: 60px;
            align-items: center;
        }

        /* Image Styling */
        .urbanity-properties-founder-visual-image-mask-holder {
            flex: 1;
            position: relative;
        }

        .urbanity-properties-founder-visual-image-mask-holder img {
            width: 100%;
            border-radius: 4px;
            filter: grayscale(20%) contrast(110%);
            box-shadow: 20px 20px 0px -5px rgba(197, 160, 89, 0.3);
        }

        /* Content Styling */
        .urbanity-properties-founder-textual-information-column {
            flex: 1.2;
        }

        .urbanity-properties-founder-heading-primary-gold-styled {
            font-size: 3.5rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.15em; /* Matching logo wide-spacing */
            margin-bottom: 20px;
            background: var(--urbanity-gold-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .urbanity-properties-founder-vision-quote-box-italicized {
            font-size: 1.5rem;
            font-weight: 300;
            line-height: 1.6;
            border-left: 3px solid #C5A059;
            padding-left: 30px;
            margin-bottom: 40px;
            position: relative;
        }

        .urbanity-properties-founder-vision-quote-box-italicized::before {
            content: '"';
            position: absolute;
            left: 10px;
            top: -10px;
            font-size: 4rem;
            color: rgba(197, 160, 89, 0.2);
        }

        .urbanity-properties-founder-signature-title-subtext {
            font-weight: 400;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            font-size: 0.9rem;
            color: #C5A059 !important;
        }

        /* Mobile Responsive */
        @media (max-width: 992px) {
            .urbanity-properties-founder-content-wrapper-flexbox-row {
                flex-direction: column;
                text-align: center;
            }
            .urbanity-properties-founder-vision-quote-box-italicized {
                border-left: none;
                border-top: 2px solid #C5A059;
                padding: 20px 0;
            }
        }
/* about us page design end */


#page-10 .box-service.style-4 .icon-box {
        background-color: #b0af7138 !important;
}
#page-home .flat-benefit-v2 {
    background: rgba(176, 175, 113, 0.6) !important;
}
#page-home section.flat-section-v3.flat-service-v2 .text-subtitle.text-primary {
    color: white !important;
}
#page-home section.flat-section-v3.flat-service-v2 h2.section-title.mt-4 {
    color: white !important;
}
#page-home .wrap-service-v2 .box-left p {
    color: #f1f1f1 !important;
}
#page-home section.flat-section-v3.flat-service-v2 {
    margin-bottom: 40px;
}
#page-home section.why-choose-us {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
section.flat-title-page.style-2 {
    background: linear-gradient(#000000b0, #00000085), url(/storage/100plus-properties-dubai-cover.jfif) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
        padding-top: 120px !important;
    padding-bottom: 120px !important;
}
section.flat-title-page.style-2 .breadcrumb li a {
    color: #d2d195 !important;
}
section.flat-title-page.style-2 .breadcrumb li, section.flat-title-page.style-2 .breadcrumb li span {
    color: white !important;
}
section.flat-title-page.style-2 h2.text-center {
    color: white !important;
}
#page-10 .box-service .icon-box {
    width: auto !important;
    height: 100%;
    max-height: 195px !important;
    border-radius: 30px !important;
    padding: 15px;
}
#page-10 .box-service .icon-box .icon {
    max-width: 100%;
}
@media screen and (min-width: 768px) {
    #page-10 section.flat-section.flat-service-v3 .box.col-lg-4.col-md-6 {
    width: 50% !important;
}
h2.urbanity-properties-founder-heading-primary-gold-styled {
    margin-bottom: 40px !important;
}
.urbanity-properties-founder-signature-details {
    margin-top: 20px !important;
}
}
.single-property-overview .info-box .item {
    margin-bottom: 20px !important;
}
button.project-style2-show-more-btn {
    color: #7e6d31 !important;
}
.avatar.avt-40.round {
    display: none !important;
}
.flat-section.flat-agents .hover-img .img-style img {
    aspect-ratio: 293 / 438;
}
.flat-section.flat-agents .container:before {
    content: "Meet Our Agents";
    font-size: 45px !important;
    margin-bottom: 30px !important;
    display: block;
    text-align: center;
    font-weight: 700;
}
@media (max-width: 768px) {
    .flat-section.flat-agents .container:before {
        font-size: 28px !important;
}
}
#page-10 section.flat-section.flat-service-v3 {
    padding-top: 0 !important;
}
#page-10 section.flat-section-v3.flat-testimonial .box-tes-item {
    min-height: 480px !important;
    display: flex;
    flex-direction: column;
}
#page-10 section.flat-section-v3.flat-testimonial .box-tes-item .box-avt {
    position: absolute !important;
    bottom: 20px !important;
    left: 40px !important;
}









 :root {
            --primary-green: #334829;
            --accent-gold: #7e6d31;
            --deep-olive: #334d26;
            --soft-olive: #b0af71;
            --light-bg: #fdfdfb;
            --white: #ffffff;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 0;
            background-color: var(--light-bg);
            color: var(--deep-olive);
            line-height: 1.6;
        }

        /* .container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 60px 20px;
        } */

        /* Header Section */
        .section-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .section-header h1 {
            color: var(--primary-green);
            font-size: 2.5rem !important;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 10px;
        }

        .underline {
            width: 80px;
            height: 4px;
            background-color: var(--accent-gold);
            margin: 0 auto;
        }

        /* Mission & Vision Grid */
        .mission-vision {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            margin-bottom: 60px;
        }

        .card {
            background: var(--white);
            padding: 40px;
            border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            border-top: 5px solid var(--primary-green);
            transition: transform 0.3s ease;
        }

        .card:hover {
            transform: translateY(-5px);
        }

        .card h2 {
            color: var(--accent-gold);
            margin-top: 0;
        }

        /* Image Gallery */
        .team-gallery {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            margin-bottom: 60px;
        }

        .team-gallery img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            border-radius: 5px;
            border: 1px solid var(--soft-olive);
        }

        /* CEO Quote */
        .ceo-quote {
            background-color: var(--primary-green);
            color: var(--white);
            padding: 50px;
            text-align: center;
            border-radius: 8px;
            margin-bottom: 60px;
            position: relative;
        }

        .ceo-quote blockquote {
            font-size: 1.5rem !important;
            font-style: italic;
            margin: 0;
        }

        .ceo-quote cite {
            display: block;
            margin-top: 20px;
            color: var(--soft-olive);
            font-style: normal;
            font-weight: bold;
        }

        /* Contact Section */
        .contact-info {
            text-align: center;
            background: #f4f4ef;
            padding: 40px;
            border-radius: 8px;
        }

        .contact-info p {
            margin: 5px 0;
        }

        /* .btn-whatsapp {
            display: inline-block;
            margin-top: 20px;
            padding: 12px 25px;
            background-color: var(--accent-gold);
            color: white;
            text-decoration: none;
            border-radius: 5px;
            font-weight: bold;
            transition: background 0.3s;
        } */

        .btn-whatsapp:hover {
            background-color: var(--primary-green);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .mission-vision, .team-gallery {
                grid-template-columns: 1fr;
            }
            .team-gallery img {
                height: auto;
            }
        }
        #page-10 section.flat-section.flat-banner-about .container {
    padding-bottom: 0 !important;
}

.privacy-policy-content h4, .term-conditions-content h4 {
    font-size: 26px !important;
}
@media (max-width: 576px) {
    .main-header .logo-box .logo img {
        max-height: 31px !important;
    }
}
body .mobile-menu .nav-logo {
    background: #334829 !important;
}
.mobile-menu .mobi-icon-box .box:first-of-type {
    display: none;
}
.flat-slider.home-2 .img-banner-left {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0 !important;
    animation: unset !important;
}
.flat-slider.home-2 .img-banner-left img {
    height: 100%;
    width: auto !important;
}
.whatsapp-icon-holder {
    left: 51px;
    bottom: 49px;
}
body .mobile-menu .nav-logo {
    height: 76px !important;
    display: flex;
    justify-content: stretch;
    align-items: center;
}
@media (max-width:576px) {
    #page-home section.services-section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
#page-home .services-section .section-header {
    padding-bottom: 73px;
}
.urbanity-properties-founder-section-container-fluid-2025 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
#page-10 section.flat-section-v3.flat-testimonial {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.single-property-element.single-property-map {
    margin-bottom: 0 !important;
}
.single-property-overview .title {
    margin-bottom: 40px !important;
}
.single-property-feature .title {
    margin-bottom: 40px !important;
}
}
ul.flat-pagination {
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 20px;
}
.flat-property-detail .header-property-detail {
    margin: unset !important;
}
#page-7 .contact-info .box .box-social {
    justify-content: center;
}


 :root {
            --brand-olive: #b0af71;
            --brand-dark: #334829;
            --white: #ffffff;
        }

        .flat-section-v3 {
            background-color: var(--brand-olive);
            padding: 80px 0;
            color: var(--white);
        }

        /* Stats Card Styling */
        .box-service.style-stat {
            background: var(--white);
            display: inline-flex;
            align-items: center;
            padding: 20px 40px;
            border-radius: 15px;
            margin-bottom: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }

        .style-stat .icon {
            width: 60px;
            height: auto;
            margin-right: 20px;
        }

        .style-stat .title {
            color: var(--brand-dark);
            font-size: 2.5rem;
            font-weight: 800;
            margin: 0;
            line-height: 1;
        }

        .style-stat .description {
            color: #666;
            font-size: 1rem;
            margin: 0;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* Text Content Styling */
        .text-subtitle {
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 0.9rem;
            font-weight: 600;
            color: var(--brand-dark);
        }

        .section-title {
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .box-left p {
            font-size: 1.1rem;
            opacity: 0.9;
            max-width: 500px;
        }

        /* Right Side Image */
        .box-right-img {
            width: 100%;
            height: 100%;
            min-height: 400px;
            object-fit: cover;
            border-radius: 20px;
            box-shadow: 20px 20px 0px rgba(51, 72, 41, 0.2); /* Deep green shadow accent */
        }
        #page-home section.flat-section-v3 h2.section-title {
    color: white !important;
    text-align: center;
}
#page-home section.flat-section-v3 {
    margin-bottom: 40px !important;
}
#page-home .flat-section-v3 .box-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#page-home .flat-section-v3 .box-left > p {
    text-align: center !important;
}
.header-lower .justify-content-around {
    justify-content: space-between !important;
}
.flat-tab-form .nav-tab-form.style-2 .nav-tab-item:nth-of-type(2) {
    order: 0;
}
.flat-tab-form .nav-tab-form.style-2 .nav-tab-item:first-of-type {
    order: 3;
}
.flat-tab-form .nav-tab-form.style-2 .nav-tab-item:last-of-type {
    order: 1;
}
.contact-form-row .contact-form-group label.form-label {
    color: black !important;
}
#page-home section.flat-section-v3.flat-slider-contact h2.section-title {
    text-align: left !important;
}
#page-10 section.flat-section-v3.flat-testimonial .h7.fw-7 {
    color: black !important;
}






/* mortgage calculator  */
 /* Scoped Styles for Mortgage Calculator */
        .mortgage-calc-container {
            font-family: 'Merriweather', serif;
            max-width: 1000px;
            margin: 0 auto;
            background-color: #fff;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            display: flex;
            flex-direction: row;
            color: #333;
        }

        /* Left Section - Results (Dark/Accent Theme) */
        .mortgage-calc-container .calc-result-section {
            background-color: #334829;
            /* Accent Color */
            color: #fff;
            width: 50%;
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: relative;
            text-align: center;
        }

        .mortgage-calc-container .calc-result-section h3 {
            margin-top: 0;
            font-size: 1.5rem;
            margin-bottom: 20px;
            color: #fff;
        }

        .mortgage-calc-container .result-card {
            background: rgba(255, 255, 255, 0.1);
            padding: 20px;
            border-radius: 10px;
            width: 100%;
            box-sizing: border-box;
            margin-bottom: 15px;
            backdrop-filter: blur(5px);
        }

        .mortgage-calc-container .result-value-large {
            font-size: 2.5rem;
            font-weight: 900;
            margin: 10px 0;
            display: block;
        }

        .mortgage-calc-container .result-label {
            font-size: 0.9rem;
            opacity: 0.9;
        }

        .mortgage-calc-container .result-details {
            text-align: left;
            width: 100%;
            margin-top: 20px;
        }

        .mortgage-calc-container .result-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            padding-bottom: 5px;
        }

        .mortgage-calc-container .result-row:last-child {
            border-bottom: none;
        }

        /* Right Section - Inputs (Light Theme) */
        .mortgage-calc-container .calc-input-section {
            background-color: #f9f9f9;
            width: 50%;
            padding: 40px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        /* Currency Toggle */
        .mortgage-calc-container .currency-toggle {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-bottom: 10px;
        }

        .mortgage-calc-container .currency-btn {
            padding: 8px 25px;
            border: 1px solid #ddd;
            background: #fff;
            border-radius: 8px;
            cursor: pointer;
            font-family: 'Merriweather', serif;
            font-weight: 700;
            transition: all 0.3s ease;
            font-size: 1rem;
            color: #000 !important;
        }

        .mortgage-calc-container .currency-btn.active {
            background-color: #334829;
            color: #fff !important;
            border-color: #334829;
        }

        .mortgage-calc-container .input-group {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .mortgage-calc-container label {
            font-weight: 700;
            font-size: 0.95rem;
            color: #333;
        }

        .mortgage-calc-container input[type="number"],
        .mortgage-calc-container input[type="text"] {
            width: 100%;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 8px;
            font-family: 'Merriweather', serif;
            font-size: 1rem;
            box-sizing: border-box;
        }

        .mortgage-calc-container input[type="number"]:focus,
        .mortgage-calc-container input[type="text"]:focus {
            outline: none;
            border-color: #334829;
        }

        /* Advanced Toggle */
        .mortgage-calc-container .advanced-toggle-wrapper {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-top: 10px;
        }

        .mortgage-calc-container .advanced-fields {
            display: none;
            animation: fadeIn 0.3s ease-in-out;
        }

        .mortgage-calc-container .advanced-fields.show {
            display: block;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Calculate Button */
        .mortgage-calc-container .calc-btn {
            width: 100%;
            padding: 15px;
            background-color: #334829;
            color: #fff;
            border: none;
            border-radius: 8px;
            font-family: 'Merriweather', serif;
            font-weight: 700;
            font-size: 1rem;
            cursor: pointer;
            transition: background 0.3s;
            margin-top: 10px;
        }

        .mortgage-calc-container .calc-btn:hover {
            background-color: #f0f0f0;
            color: #334829;
            border: 1px solid #334829;
        }

        /* Error Message */
        .mortgage-calc-container .error-msg {
            background: #fee;
            border: 1px solid #fcc;
            border-radius: 8px;
            padding: 1rem;
            color: #c33;
            margin-bottom: 1rem;
            display: none;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .mortgage-calc-container {
                flex-direction: column-reverse;
                /* Inputs on top, Results on bottom */
            }

            .mortgage-calc-container .calc-result-section,
            .mortgage-calc-container .calc-input-section {
                width: 100%;
                padding: 20px;
                box-sizing: border-box;
            }
        }