.header-main-one-wrapper .thumbnail .custom-logo, .custom-logo {
    max-height: 60px !important;
}
 
.header-top-area-wrapper {
    background: #000000;
}
.header-top-area-wrapper .header-top-one-wrapper .right .mail::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background: #fff;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
}
.header-top-area-wrapper .header-top-one-wrapper .right .mail a {
    padding: 11px 0;
    display: block;
    color: #fff;
    margin-right: 50px;
    font-size: 14px;
    position: relative;
    transition: var(--transition);
}
.header-top-area-wrapper .header-top-one-wrapper .right .working-time p {
    color: #fff;
    font-size: 14px;
}
.rts-banner-area-two {
    background-image: url(../img/banner1.webp);
    height: 850px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* put container contents above overlay */
.blog-hero-section .container,
.blog-hero-section .container * {
  position: relative;
  z-index: 2;
}

/* Title styling: same look as "Who Are We?" on homepage */
.blog-hero-section .blog-title {
  color: #AE8D4A;            /* gold color */
  font-size: 60px;           /* desktop size */
  font-weight: 700;
  margin: 0 0 20px 0;
  line-height: 1.05;
  text-transform: none;
  font-family: "DM Sans", sans-serif;
 
}

/* Subtitle / description */
.blog-hero-section .blog-subtitle {
  color: #ffffff;
  font-size: 20px;
  line-height: 1.6;
  margin: 0;
  text-align: left;
  max-width: 700px;
}

/* small screens */
@media (max-width: 991px) {
  .blog-hero-section { height: 600px; padding: 60px 0; }
  .blog-hero-section .blog-title { font-size: 40px; }
  .blog-hero-section .blog-subtitle { font-size: 16px; }
}
@media (max-width: 575px) {
  .blog-hero-section { height: 480px; padding: 40px 0; align-items: flex-end; }
  .blog-hero-section .blog-title { font-size: 28px; }
  .blog-hero-section .blog-subtitle { font-size: 14px; }
}



.banner-inner-two-content {
    text-align: left;
    max-width: 100%;
    margin: auto;
}
    .banner-inner-two-content .pre-title {
        margin-bottom: 5px;
     }
.banner-inner-two-content .title {
   
    color: #AE8D4A;
}

.text-gold {
    color: #AE8D4A!important;
}
.banner-inner-two-content .text-gold * {
    color: #AE8D4A !important;
}
.btn-gold {
    background-color: #AE8D4A!important;
}
.bg-gold {
    background-color: #AE8D4A !important;
}
.service-bg-style-one-wrapper {
    background-image: url(../images/service/01.webp);
    
    background-size: cover;
    background-position: center;
    background-color: #AE8D4A !important;
}
    .service-bg-style-one-wrapper .icons {
        filter: brightness(100)  
    }
.consultancy-style-one .signle-consultancy .icon {
     background: #AE8D4A;
 }
    .consultancy-style-one .signle-consultancy .icon img {
        filter: brightness(100)
    }
.bg_banner-seven {
     background-image: url(../img/banner2.webp);
 }
.banner-seven-inner-content {
    padding-left: 0px;
 }
.banner-seven-inner-content .title {
    font-size: 70px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
}
section.main-wrapper-sticky {
    height: auto;
}
.mab-10 {
    height: calc(100% - 15px);
    margin-bottom: 15px;
    border-radius:6px!important;
    transition:all 0.3s;
}
    .mab-10:hover{
        transform:scale(1.06);
    }
    .rounded-12 {
        border-radius: 12px !important;
    }
    
 /* Fix mobile menu design */
@media (max-width: 991px) {
  .side-bar {
    background-color: #20282D !important;
    backdrop-filter: none !important;
  }

  .mobile-menu nav ul {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .mobile-menu nav ul li {
    display: block !important;
    width: 100% !important;
  }

  .mobile-menu nav ul li a {
    color: #fff !important;
    font-size: 18px !important;
    padding: 12px 20px !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    display: block !important;
  }

  .mobile-menu nav ul li a:hover {
    color: #AE8D4A !important; /* gold hover color */
  }
}

/* === Fix header menu spacing without affecting logo or phone button === */
@media (min-width: 800px) {
  .header-transparent .nav-area ul {
    display: flex;
    justify-content: center;
    gap: 25px; /* control distance between menu items */
  }

  .header-transparent .nav-area ul li {
    margin: 0 !important;
    white-space: nowrap; /* keep "What We Do" on one line */
  }

  .header-transparent .nav-area ul li a {
    font-size: 16px !important;
    padding: 0 !important;
  }

  /* Adjust overall nav width slightly to prevent overflow */
  .header-transparent .nav-area {
    flex: 1;
    text-align: center;
    padding: 0 20px; /* reduce side padding */
  }

  /* Keep logo + phone number perfectly aligned */
  .header-transparent .logo {
    flex-shrink: 0;
  }

  .header-transparent .action-area {
    flex-shrink: 0;
  }
}




/* Blog Listing Section */
.blog-listing-section {
  padding: 80px 0;
}
.blog-listing-section .single-blog-post {
  background: #D8E3E7;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
}
.blog-listing-section .single-blog-post:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.blog-listing-section .post-thumb img {
  width: 100%;
  height: auto;
  display: block;
}
.blog-listing-section .post-content {
  padding: 40px;
}
.blog-listing-section .post-meta {
  font-size: 14px;
  color: #888;
}
.blog-listing-section .post-meta .post-date {
  margin-right: 10px;
}
.blog-listing-section .post-title {
  font-size: 22px;
  margin: 12px 0;
}
.blog-listing-section .post-title a {
  color: #20282D;
  text-decoration: none;
}
.blog-listing-section .post-title a:hover {
  color: #AE8D4A;
}
.blog-listing-section .post-excerpt {
  font-size: 16px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 15px;
}
.blog-listing-section .read-more {
  font-size: 15px;
  color: #AE8D4A;
  text-decoration: none;
  font-weight: 600;
}
.blog-listing-section .read-more:hover {
  text-decoration: underline;
}

/* Responsive tweaks */
@media (max-width: 767px) {
  .blog-listing-section {
    padding: 60px 0;
  }
}

.single-blog-post {
  max-width: 700px;   /* reduce width of each box */
  padding: 0px;      /* reduce inner spacing */
}

.single-blog-post img {
  width: 100%;
  height: 40px;        /* adjust height as needed */
  object-fit: cover;    /* ensures image fills box neatly */
  border-radius: 6px;   /* optional: for rounded corners */
}


.blog-hero-section .blog-title {
  color: #ffffff !important;
  font-size: 40px !important;
  font-weight: 700;
  text-align: left;
  margin-right: 10%;
}

.blog-hero-section .blog-subtitle {
  color: #ffffff !important;
  font-size: 17px !important;
  text-align: left;
  margin-right: 10%;
}

/* Post Page Header (like Blog Page) */
.post-hero.blog-hero {
    background-image: url('../img/banner1.webp');
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;      
    justify-content: center;  
    padding: 140px 20px;      
    position: relative;
    text-align: center;
}

.post-hero.blog-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(32,40,45,0.45); /* overlay like blog page */
    z-index: 0;
}

.post-hero.blog-hero .container {
    position: relative;
    z-index: 2;
}

.post-hero.blog-hero .post-title {
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 15px 0;
}

.post-hero.blog-hero .post-meta {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-top: 6px;
}

.post-hero.blog-hero .post-meta .category {
    color: #2D5680;
    font-weight: 700;
}

.post-hero.blog-hero .post-meta .date {
    color: #999;
    font-weight: 400;
    font-style: italic;
}

/* Responsive for tablet/mobile */
@media (max-width: 991px) {
    .post-hero.blog-hero {
        padding: 100px 20px;
    }
    .post-hero.blog-hero .post-title {
        font-size: 30px;
    }
}
@media (max-width: 575px) {
    .post-hero.blog-hero {
        padding: 60px 15px;
    }
    .post-hero.blog-hero .post-title {
        font-size: 24px;
    }
}
/* Header logo */
.header-transparent .logo img.custom-logo {
    max-height: 60px; /* adjust if needed */
}