/*Animation Style*/
.flat-section {
    padding: 70px 0 20px;
    margin-top: 50px;
}
.flat-section pt-0 flat-banner{
  display:none;
}
.container4, .container3, .container2, .container-fluid, .container {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}
.wrap-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    display: none;
}

.flat-slider-contact{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #161e2d;
    opacity: 0.8;
    display:none;
}

/* Initial hidden state for the text */
.slide-up-text.visible {
  transform: translateY(0);  /* Slide up to original position */
  opacity: 1;               /* Fade in */
}

.slide-up-text {
  transform: translateY(100%);
  opacity: 0 ;
  transition: transform 2s ease, opacity 2s ease;
}

.zoom-out {
  transform: scale(1.2); /* Start zoomed in */
  opacity: 0;           /* Hidden initially */
  transition: transform 0.8s ease, opacity 0.8s ease; /* Smooth animation */
}

/* When the image is visible */
.zoom-out.zoom-visible {
  transform: scale(1);  /* Zoom out to original size */
  opacity: 1;           /* Fade in */
}



/*Banner Top */
/* --- Hero Section Main Container --- */
.flat-section-v3.flat-slider-contact {
    position: relative; /* Essential for overlay positioning */
    display: flex;
    align-items: center; /* Vertically center the content */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* Use the height from your inline HTML or set it here */
    min-height: 100vh; 
    margin-top: 0; /* Removed the 70px gap so it sits at the top */
    padding: 0;
}

/* --- The Overlay (Gradient) --- */
.flat-section-v3.flat-slider-contact .overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Changed from 80% to 100% to cover full width */
    height: 100%; /* Ensure it covers full height */
    background: linear-gradient(to right, #0A1439 30%, rgba(10, 20, 57, 0.4) 100%);
    z-index: 1; /* Sit above background image */
}

/* --- Ensure Content Sits Above Overlay --- */
.flat-section-v3.flat-slider-contact .container {
    position: relative;
    z-index: 2; /* Sit above the overlay */
    width: 100%;
}

/* --- Text Styling --- */
.flat-section-v3.flat-slider-contact .section-title {
    font-size: 80px; /* Reduced slightly from 100px to prevent overflow on smaller screens */
    font-weight: 600;
    line-height: 1.1;
    color: white;
    margin-bottom: 20px;
}

.flat-section-v3.flat-slider-contact .text-subtitle {
    font-size: 40px;
    font-style: italic;
    font-family: 'Lora', serif; /* Ensure font family is quoted */
    color: #DFBA15; /* Using your gold color */
    margin-top: 10px;
}

/* --- Contact Form Layout --- */
/* IMPORTANT: You had this hidden with display: none. I have enabled it. */
.flat-section-v3.flat-slider-contact .box-contact-v2 {
    display: block !important; 
    background: white;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .flat-section-v3.flat-slider-contact .section-title {
        font-size: 50px;
    }
    .flat-section-v3.flat-slider-contact .text-subtitle {
        font-size: 28px;
    }
    /* Stack columns on mobile */
    .flat-section-v3.flat-slider-contact {
        height: auto !important; /* Override inline height on mobile */
        padding: 100px 0;
    }
}
.btn-view .text{
    color: #fff; /* Set the text color to white */
}
.top-header{
display:none
}

.show-admin-bar .fixed-header {
  top: unset;
}


/*About Us*/
.home-about-us-section{
    padding: 100px;
}
.home-about-second-img {
         max-width: 572px;
    text-align: center;
    width: 100%;
    margin-top: 90px;
}
.home-about-first-img img{
    height: 427px;
    object-fit: cover;
}
.home-about-text{
padding-top: 21px;
}
.row.home-about-third-row{
margin-top: 19px;
}
.first-image-about{
   display: flex;
    justify-content: end;
}
.second-image-about{
display: flex;
    justify-content: center;
}
.home-about-second-text{
    padding: 10px 2px 0 72px;
}

.first-column-about{
    display: flex;
    flex-direction: column;
    align-items: end;
}
.second-column-about{
       display: flex;
    flex-direction: column;
    justify-content: space-around;
}

/*Services Section*/
.service-heading-content span {
  font-size: 18px;
  color: #0A1439;
  font-weight: normal;
  position: relative;
  margin-right: 10px;
}
.flat-section-v3.flat-service-v2 .row.wrap-service-v2 .col-lg-6 .box-left .box-title .section-title.mt-4{
color: white;
}
.flat-section-v3.flat-service-v2 .row.wrap-service-v2 .col-lg-6 .box-left p{
color: white;
}
.flat-section-v3.flat-service-v2 .row.wrap-service-v2 .col-lg-6 .box-left .list-view{
color: white;
}
.subscribe-form button{
  top:0;
}
.service-heading-content span::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  width: 50px; 
  height: 2px;
  /*  background: #0A1439;Line color */
    background: white;
  transform: translateY(-50%);
}

.service-heading-content{
display: flex;
    gap: 59px;
}
.service-offplan-img,.service-ready-img,.service-rental-img{
text-align:center;
}
.service-offplan-img img, .service-ready-img img, .service-rental-img img{
max-width:500px;
  object-fit:cover;
}
.service-offplan-content{
    padding-left: 125px;
}
.service-rental-content{
padding: 50px 0 0 125px;
}

.service-seprator-div{
    width: 90%;
    height: 5px;
    border-bottom: 2px solid grey;
    margin: 0 auto;
  padding-top: 110px;
}

.service-heading-content{
margin-bottom:20px
}

.service-offplan, .service-ready, .service-rental{
padding-top:110px
}

.service-learn-more button{
      background:  #DFBA15;
    border-radius: 32px;
    padding: 14px 45px;
    margin-top: 25px;
    border-color:  #DFBA15;
    color: white;
}
.home-services-section {
    background-color: #0A1439;
    padding: 66px 0px;
}
.home-services-section p{
color:white
}
.home-services-section h3 {
    color: white;
    font-size: 36px;
}
.home-services-section span{
color:white
}
.about-us-spanabout-us-span{

}

.service-heading h2{
color:white
}

.home-about-us{
padding-bottom: 34px;
}
.service-offplan-img img{
border-radius:12px
}
.service-ready-img img{
border-radius:12px
}
.service-rental-img img{
border-radius:12px
}

/*Testimonials*/
.flat-testimonial-v2:before {
  background: #0A1439;
}

.tf-btn.size-1 {
    padding: 11px 32px;
    border-radius: 24px;
}
.nav-tab-recommended .nav-link-item {
border-radius:24px
}

.home-about-first-img img{
border-radius:12px
}
.home-about-second-img img{
border-radius:12px
}


/*Other*/
.tf-btn {
  background-color: #DFBA15;
}

.flat-section.flat-service-v3 .section-title{
color:white
}
.flat-section.flat-service-v3 .content .title{
color:white
}

.flat-section.flat-service-v3 .content .description{
color:white
}
.flat-section.flat-service-v3 .box-service.style-2.active, .box-service.style-2:hover .content .title{
color:black
}
.flat-section.flat-service-v3 .box-service.style-2.active, .box-service.style-2:hover .content .description{
color:black
}

.tf-btn.size-1 span{
color:white
}

/*About Section*/
.about-section, .values-section {
  padding: 60px 0;
}

.about-content {
  display: flex;
  /*flex-wrap: wrap;*/
 /* gap: 40px;*/
  /*align-items: center;*/
}
.about-section .image-content{
    position: relative;
  padding:20px;
   padding-left: 50px;
   /* left: 16px;*/
}

.about-content .text-content {
  flex: 1;
  min-width: 300px;
}

.about-content .text-content h2 {
  font-size: 2rem;
  margin-bottom: 20px;
  color: #333;
}

.about-content .text-content p {
  font-size: 1rem;
  color: #555;
padding-right: 40px;
}

.about-content .image-content img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* Values Section Styles */
.values-section {
  padding: 60px 0;
  background-color: #fff;
}

.values-content {
  display: flex;
  gap: 40px;
  align-items: center;
  flex-wrap: wrap;
}

.image-group {
  position: relative;
  flex: 1;
  min-width: 300px;
}

.image-group .main-image img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.image-group .overlay-image {
  position: absolute;
  bottom: -40px;
  left: -40px;
  width: 60%;
}

.image-group .overlay-image img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.text-content {
  flex: 2;
  min-width: 300px;
  padding-left: 30px;
  text-align: justify;
}

.text-content h2 {
  font-size: 2rem;
  margin-bottom: 20px;
  color: #333;
}

.text-content h3 {
  font-size: 1.5rem;
  margin-top: 20px;
  color: #444;
}

.text-content p {
  font-size: 1rem;
  color: #555;
  line-height: 1.8;
}
.values-section .image-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap; /* Ensures images stack if they can't fit */
  flex-direction:column
}

.values-section .image-box {
  flex: 1 1 calc(50% - 20px); /* Two images side by side with gap */
  position: relative; /* Default position */
}

.values-section .image-box img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/*.values-section .image-box{
position: relative;
    width: 463px;
}*/
/*.values-section .image-box:nth-of-type(1) img{
position: absolute;
    top: 0;
    z-index: 1;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  left: 182px;
}
.values-section .image-box:nth-of-type(2) img{
position: relative;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
    top: 202px;
    z-index: 1;
}*/
.values-section .image-box img{
width: 400px;
    height: 250px;
    object-fit: cover;
}
.values-section .image-box:nth-of-type(1){
text-align:end
}
.values-section .image-box:nth-of-type(2){
text-align:start;
      top: -79px;
}

.about-section .about-content .text-content{
padding:20px 0px 20px 100px
}

@media(max-width:767px){
.service-offplan-img img, .service-ready-img img, .service-rental-img img {
        width: 100%; 
  }
  .service-rental-content {
    padding:37px 0 29px 32px
}
.service-offplan, .service-ready, .service-rental {
   padding-top:unset
}
  .flat-section-v3.flat-slider-contact:nth-of-type(1) .section-title {
    font-size: 76px !important;
}
  .home-about-us-section {
    padding: 20px
}
.service-offplan-content {
    padding-left: 32px;
    padding-bottom: 32px;
}
  .service-heading-content {
    margin-bottom: 20px;
    margin-top: 20px;
}
  .about-content {
    display: block;
  }
  .about-section .image-content {
  padding:unset
  }
  .values-section .image-box {
  position:unset
  }
.values-section .image-box img {
    width: 100%;
    height: unset;
    object-fit: cover;
}
  .text-content {
    flex: 2;
    min-width: unset;
 padding-left:unset;
    text-align: justify;
    margin-top: 58px;
}
  body#page-10 .flat-section-v3.flat-slider-contact{
  height:unset !important
  }
  .about-section .about-content .text-content {
            padding: 5px;
}
  .about-content .text-content p{
      padding: unset;
  }
  .values-section .container .row{
  flex-direction:column-reverse
  }
  .values-section {
    padding: 0px 0;
    background-color: #fff;
}
  
  .values-section .image-row {
  margin-bottom:20px
  }
  .flat-section.flat-banner .box-right{
  display:none
  }
  .about-content .text-content {
    flex: 1;
    min-width: unset;
}
  
}
  .post-author a:hover, .post-author span:not(:first-child) a:hover, .post-navigation a:hover, .single-detail.ck-content a:hover, .single-property-contact .box-avatar a:hover, .title a:hover {
    color: white;
  }
/*Style*/
.single-property-contact .contact-form .ip-group{
display:flex;
  flex-direction:column;
}

@media(max-width:767px){
  .flat-pagination{
flex-wrap:wrap
}


.box-title-listing .box-filter-tab .d-flex.gap-2{
flex-wrap:wrap;
}

.nav-tab-filter li:nth-child(2){
display:none
}
  .flat-section.flat-banner{
  display:none;
  }
  .nice-select.open .list {
    z-index:12
  }
}

.post-author a:hover, .post-author span:not(:first-child) a:hover, .post-navigation a:hover, .single-detail.ck-content a:hover, .single-property-contact .box-avatar a:hover, .title a:hover {
    color: white;
}
.flat-section {
    padding: 70px 0 20px;
}

.privacy-policy-content {
    padding: 70px 0px;
}
.privacy-policy-content h3 {
    font-size: 31px;
    padding: 8px 0px;
}
.term-conditions-content{
padding: 70px 0px;
}
.term-conditions-content h3 {
    font-size: 31px;
    padding: 8px 0px;
}

/*about*/
.image-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.image-grid img:first-child,
.image-grid img:last-child {
  grid-column: span 2;
}

.image-grid img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

/*ceo section*/
.ceo-quote-section {
  padding: 30px 0;
  background: linear-gradient(135deg, #faf8f5, #ffffff);
}

.ceo-quote-heading {
  text-align: center;
  margin-bottom: 60px;
}

.ceo-quote-heading h2 {
  font-size: 36px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 12px;
}

.heading-line {
  display: block;
  width: 60px;
  height: 3px;
  background-color: #DFBA15;
  margin: 0 auto;
}

.ceo-quote-wrapper {
  display: flex;
  align-items: center;
  gap: 50px;
  max-width: 1100px;
  margin: 0 auto;
}

.ceo-image {
  flex: 0 0 300px;
}

.ceo-image img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.ceo-quote-content {
  position: relative;
  flex: 1;
  padding: 40px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
}

.quote-mark {
  position: absolute;
  top: -20px;
  left: 30px;
  font-size: 80px;
  color: rgba(83, 120, 188, 0.15);
  line-height: 1;
}

.ceo-quote-content blockquote {
  font-size: 26px;
  line-height: 1.6;
  font-style: italic;
  color: #102E4A;
  margin: 0 0 25px;
}

.ceo-name {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  letter-spacing: 0.6px;
}

/* Responsive */
@media (max-width: 768px) {
  .ceo-quote-wrapper {
    flex-direction: column;
    text-align: center;
  }

  .ceo-image img {
    height: 320px;
  }

  .ceo-quote-content {
    padding: 30px;
  }

  .quote-mark {
    left: 50%;
    transform: translateX(-50%);
  }
}
/*stats*/
.stats-section {
  background-color: #000000;
  padding: 50px 0;
  margin-bottom: 50px;
}

.stats-heading {
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: #DFBA15;
  margin-bottom: 60px;
  letter-spacing: 1px;
}

.stats-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

.stat-item h2 {
  font-size: 52px;
  font-weight: 600;
  color: #DFBA15;
  margin-bottom: 12px;
}

.stat-item p {
  font-size: 24px;
  color: #ffffff !important;
  margin: 0;
  letter-spacing: 0.5px;
}

.gold-text {
  color: #DFBA15;
}

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

  .stat-item h2 {
    font-size: 44px;
  }

  .stats-heading {
    font-size: 30px;
  }
}


#page-10 section.flat-section.flat-service-v3 .box-title.fadeIn.animated .box-left .text-subtitle.text-primary{
  color: #DFBA15 !important;
}
#page-10 section.flat-section.flat-service-v3 .box-service.style-2.active, .box-service.style-2:hover {
    background-color: black !important;
}
#page-10 section.flat-section.flat-service-v3 .box-service.style-2 .content .tf-btn.size-1{
  background: #DFBA15 !important;
}
#page-10 section.flat-section.flat-service-v3 .box-service.style-2:hover .tf-btn.size-1{
  background: #DFBA15 !important;
}
#page-10 section.flat-section.flat-service-v3 .box-service.style-2:hover p.description{
  color: white !important;
}
#page-10 section.flat-section.flat-service-v3 .box-service.style-2:hover h6.title{
  color: white !important;
}
#page-10 section.flat-section.flat-service-v3{
  margin-top: 0 !important;
}
#page-10 section.values-section{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#page-10 section.flat-section.pt-0.flat-banner {
  margin-top: 0 !important;
}
section.flat-section-v4.flat-partner{
  padding: 10px 0px !important;
}
.flat-title-page{
  padding: 80px 0 !important;
}
.flat-title-page h2.text-center.slide-up-text.visible{
  color: white !important;
}
section.flat-section.flat-recommended{
    padding-top: 0 !important;
  padding-bottom: 0 !important;
}
section.flat-section.flat-recommended ul.nav-tab-recommended.justify-content-center li.nav-tab-item a.nav-link-item.active{
    background:  #DFBA15 !important;
}
section.flat-section.flat-recommended ul.nav-tab-recommended.justify-content-center li.nav-tab-item a.nav-link-item:hover{
    background:  #DFBA15 !important;
}
section.flat-section.flat-recommended a.tf-btn.primary.size-1{
    background:  #DFBA15 !important;
    border: 1px solid #DFBA15 !important;
}
section.flat-section.flat-service-v3{
    padding-top: 40px !important;
    margin-top: 25px !important;
    background: black !important;
}
#page-home section.flat-section.flat-service-v3 .box-service.style-2.active, .box-service.style-2:hover {
    background-color: black !important;
}
#page-home section.flat-section.flat-service-v3 .box-service.style-2 .content .tf-btn.size-1{
  background: #DFBA15 !important;
}
#page-home section.flat-section.flat-service-v3 .box-service.style-2:hover .tf-btn.size-1{
  background: #DFBA15 !important;
}
#page-home section.flat-section.flat-service-v3 .box-service.style-2:hover p.description{
  color: white !important;
}
#page-home section.flat-section.flat-service-v3 .box-service.style-2:hover h6.title{
  color: white !important;
}
#page-home section.home-services-section{
    background: black !important;
}
#page-home section.home-services-section span.service-span.text-subtitle.text-primary{
    color: white !important;
}
#page-home section.flat-section.flat-service-v3 .text-subtitle.text-primary{
    color: white !important;
}
#page-home section.flat-section-v2.flat-testimonial-v2.wow.fadeInUpSmall.animated.animated{
    background: black !important;
}
#page-home section.flat-section-v2.flat-testimonial-v2.wow.fadeInUpSmall.animated.animated:before{
    background: black !important;
}
#page-home section.flat-section-v3.flat-slider-contact{
    height: 690px !important;
}
.flat-section-v3.flat-slider-contact .box-contact-v2{
    margin-top: 120px !important;
    padding-top: 20px !important;
}

#page-15 .col .homeya-box .developers-info.pl-3{
    min-height: 100px !important;
}
#page-15 section.flat-section-v5.flat-recommended.flat-recommended-v2{
    padding-bottom: 20px !important;
}
.main-header.fixed-header {
    margin-top: 0 !important;
    background: black !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.main-header.fixed-header ul.navigation.clearfix{
    background: black !important;
}

#page-16 section.flat-section.flat-agents-v2 h2.section-title.mt-4.slide-up-text.visible{
    text-align: center !important;
font-size: 14px !important;
padding-bottom: 30px !important;
}
#page-16 section.flat-section.flat-agents-v2 .box-title .text-subtitle.text-primary{
    text-align: center !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    padding-bottom: 5px !important;
}
section.flat-section.flat-agents-v2{
    padding-top: 50px !important;
    margin-top: 0 !important;
}
.navigation-menu-footer li a:hover{
    color: white !important;
}
section.flat-section.flat-contact{
    padding-bottom: 0 !important;
}
section.flat-section.pt-0{
    margin-top: 0 !important;
}
#botble-contact-forms-fronts-contact-form .contact-form-group button.tf-btn.primary.size-1.slide-up-text.visible{
    margin-top: 15px !important;
}

@media (min-width: 768px) {
  #page-7 #botble-contact-forms-fronts-contact-form 
  .contact-form-group 
  button.tf-btn.primary.size-1.slide-up-text.visible {
    transform: translateX(150%) !important;
  }
}

@media (min-width: 768px) {
  #page-10 #botble-contact-forms-fronts-contact-form 
  .contact-form-group 
  button.tf-btn.primary.size-1.slide-up-text.visible {
    transform: translateX(80%) !important;
  }
}


#page-home section.flat-section-v3.flat-slider-contact{
    display: none !important;
}
#page-home .home-about-us-section {
  padding: 40px !important;
}



.services-cards-section {
  background-color: #000;
  padding: 40px 0;
}

.services-main-heading {
  text-align: center;
  margin-bottom: 30px;
}

.services-main-heading h2 {
  color: #fff;
  font-size: 42px;
  font-weight: 600;
}

.services-cards-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.service-card {
  background-color: #0f0f0f;
  border: 1px solid white;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0,0,0,0.6);
  transition: all 0.4s ease;
}

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

.service-card-image img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

.service-card-content {
  padding: 30px;
  text-align: center;
}

.service-card-content h3 {
  color: #ffffff;
  font-size: 26px;
  margin-bottom: 15px;
}

.service-card-content p {
  color: #cccccc;
  font-size: 15px;
  line-height: 1.7;
}

/* Gold accent line */
.service-card-content h3::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #DFBA15;
  margin: 12px auto 0;
}

/* Animation */
.animate-up {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.9s ease;
}

.animate-up.show {
  opacity: 1;
  transform: translateY(0);
}

/* Responsive */
@media (max-width: 991px) {
  .services-cards-wrapper {
    grid-template-columns: 1fr;
  }

  .service-card-image img {
    height: 220px;
  }
}

.inner-footer .container .footer-cl-1 ul.mt-12 li.mt-12.d-flex.align-items-center.gap-8:nth-of-type(3) {
  margin-top: 0 !important;
}
.inner-footer .container .footer-cl-1 ul.mt-12 li.mt-12.d-flex.align-items-center.gap-8:nth-of-type(3) p.text-white.slide-up-text.visible {
  padding-top: 23px !important;
}

#page-10 section.flat-section.flat-service-v3 .box-title.wow.fadeIn.style-1.animated.animated a.btn-view {
  padding: 10px !important;
    border-radius: 25px !important;
    background: #DFBA15 !important;
}

#page-10 section.flat-section.flat-service-v3 .box-title.wow.fadeIn.style-1.animated.animated a.btn-view .icon {
  color: white !important;
}
#page-10 section.flat-section.flat-service-v3 .box-title.wow.fadeIn.style-1.animated.animated a.btn-view span.text:before {
  display: none !important;
}

#page-10 section.flat-section.pt-0.flat-testimonial-v3.wow.fadeInUpSmall.animated.animated{
  margin-top: 40px !important;
}

.footer{
  padding-top: 30px !important;
}
.footer .top-footer .wd-social ul.list-social li a:hover {
  background: #DFBA15  !important;
}
section.flat-section.flat-contact .contact-info ul.contact-form-list li.box ul.box-social li a.item{
  background: white !important;
}
section.flat-section.flat-contact .contact-info ul.contact-form-list li.box ul.box-social li a.item:hover .icon{
color: black !important;
}
section.flat-section.flat-location-v3{
  margin-top: 0 !important;
}
section.flat-section.flat-location-v3 .box-title .btn-view span.text{
  color: black !important;
}
section.flat-section.flat-location-v3{
  padding: 40px 0 40px !important;
}
#page-home .flat-tab.flat-tab-form .form-sl .wd-find-select button.tf-btn.primary.submit-filter.slide-up-text.visible:hover{
  background: black !important;
}

#page-17 section.other-pages-section{
  padding-top: 40px !important;
}

#page-12 section.other-pages-section{
  padding-top: 40px !important;
}

#header .header-lower .inner-container .dropdown.cloned-dropdown a {
  color: #D5BA15 !important;
}
.flat-pagination .page-numbers{
  border: 1px solid #807c7c;
}
.footer .content-footer-bottom .menu-bottom a:hover{
  color: white !important;
}
.mobile-menu .menu-box .nav-logo{
  background: black !important;
}
@media ( max-width: 768px){
.main-header.fixed-header ul.navigation.clearfix{
  background: white !important;
}
}
.mobile-menu .mobi-icon-box .box:nth-of-type(1) {
  display: none !important;
}
.mobile-button::before, .mobile-button::after, .mobile-button svg{
    color: white !important;
}
#header .inner-container.d-flex.justify-content-around.align-items-center .mobile-nav-toggler.mobile-button svg.icon{
    color: white !important;
}
@media ( max-width: 768px){
#header .header-lower .inner-container.d-flex.justify-content-around.align-items-center {
    gap: 90px !important;
}
}
.mobile-menu .menu-box .nav-logo{
  padding-left: 0 !important;
}
@media ( min-width: 768px){
.footer .content-footer-bottom .copyright{
  padding-left: 310px;
}
}
.bottom-footer .container{
  padding-bottom: 0 ;
}
.header-lower .row .col-lg-12{
  padding-left: 0 ;
  padding-right: 0 ;
}
.show-admin-bar .close-btn, .show-admin-bar .mobile-menu{
  margin-right: 60px !important;
}
@media ( max-width: 768px){
.row.home-about-second-row .col-lg-6.col-md-12 .second-column-about .home-about-second-img{
  margin-top: 20px !important;
}

.box-service.style-2{
  padding: 10px 30px !important;
}

.box-location-v3 .img-style{
  min-width: 150px !important;
}

  section.about-section {
    padding: 0 !important;
  }
  section.about-section .about-content .col-lg-6.col-md-12 .text-content {
    margin-top: 0 !important;
  }
  
  section.about-section .about-content .col-lg-6.col-md-12 .text-content h2.slide-up-text.visible {
  font-size: 28px !important;
  }
  
  section.about-section .about-content .col-lg-6.col-md-12 .text-content h3.slide-up-text.visible {
  font-size: 30px !important;
  }
  .col-lg-6.col-md-12 .image-content .image-grid img:nth-of-type(3) {
    min-height: 113px !important;
  }
  #page-10 section.values-section .container .values-content .col-lg-5.col-md-12 .text-content {
    margin-top: 0 !important;
  }
   #page-10 section.values-section .container .values-content .col-lg-5.col-md-12 .text-content h2{
    font-size: 28px !important;
  }
   #page-10 section.values-section .container .values-content .col-lg-5.col-md-12 .text-content h3{
    font-size: 30px !important;
  }
}
section.flat-title-page.style-2 ul.breadcrumb li a {
  color: white !important;
}
section.flat-title-page.style-2 ul.breadcrumb li span {
  color: white !important;
}
.col-lg-6.col-md-12 .image-content .image-grid img:nth-of-type(3) {
    min-height: 195px !important;
  }










/* Container */
.premium-dev-section {
    padding: 80px 20px;
    background-color: #ffffff;
    width: 100%;
    box-sizing: border-box;
}

.premium-dev-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}



/* Grid setup: Exactly 5 per row */
.premium-dev-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

/* Card Styling */
.premium-logo-card {
    background: #ffffff;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border: 1px solid #f1f1f1;
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}

/* Hover State */
.premium-logo-card:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    transform: translateY(-5px);
    border-color: #DFBA15; /* Requested Gold Color */
}

/* Image Control: Large & Colorful */
.premium-logo-card img {
    max-width: 92%;
    max-height: 85%;
    object-fit: contain;
    filter: none; /* No grayscale effect */
    opacity: 1;
    transition: transform 0.3s ease;
}

.premium-logo-card:hover img {
    transform: scale(1.06);
}

/* Responsive Logic */
@media (max-width: 1024px) {
    .premium-dev-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 650px) {
    .premium-dev-grid { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px;
    }
    .premium-logo-card { height: 100px; }
    .premium-dev-title { font-size: 22px; }
}