.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
}

  .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('https://cdn.prod.website-files.com/64673553621bfd34bd5080ff/66bb0a41ea3a6cd667e94370_shutterstock_2472890083(1).jpg');
}

.grid-item-2::before {
    background-image: url('https://likehome.ae/wp-content/uploads/2024/04/Why-Invest-in-Dubais-Short-term-Rental-Market-Now2.webp');
}

.grid-item-3::before {
    background-image: url('https://pk.emaar.com/wp-content/uploads/2020/06/Buy-property-in-Dubai-765x365-1.jpg');
}

.grid-item-4::before {
    background-image: url('https://imageio.forbes.com/specials-images/imageserve/66b228994d73c764b277b3d7/Dubai-Marina/960x0.jpg?height=474&width=711&fit=bounds');
}

.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(https://d2g4iwshf24scx.cloudfront.net//Visa-Images/Dubai%20Visa_121/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('https://i.pinimg.com/736x/98/20/d3/9820d38a12bdf124c66d9b48e81588de.jpg');
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.content-row{
    justify-content: center;
}

.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;
}