.blog-details{position:relative}.blog-details.blog-details-box{padding:150px 100px 100px}.blog-details.blog-details-box .sidebar{top:300px}.blog-details .post-header{margin-top:0;margin-bottom:25px}.blog-details .post-header .post-title{font-size:40px;font-style:normal;font-weight:var(--fw-medium);line-height:50px}.blog-details .wptb-item--meta{margin-top:20px}.blog-details .wptb-item--meta .wptb-item{font-size:16px;font-style:normal;font-weight:var(--fw-normal);line-height:28px}.blog-details .wptb-item--meta .wptb-item--author{text-transform:uppercase}.blog-details .wptb-item--meta .wptb-item a span{color:var(--color-white);transition:var(--transition-base)}.blog-details .wptb-item--meta .wptb-item a:hover,.blog-details .wptb-item--meta .wptb-item a:hover span{color:var(--color-one)}.blog-details .fulltext,.blog-details .intro{font-size:17px;line-height:28px;font-weight:var(--fw-light);color:var(--color-two)}.blog-details .highlight{font-size:24px;line-height:30px;margin-bottom:30px;letter-spacing:-.5px}.blog-details .blog-details-inner .widget-title{position:relative;display:flex;align-items:center;width:100%;font-size:20px;line-height:22px;text-transform:uppercase;margin-top:45px;margin-bottom:30px}.blog-details ul.point-order{padding-left:35px;margin-bottom:35px;list-style-type:none}.blog-details ul.point-order li{position:relative;line-height:36px}.blog-details ul.point-order li span{color:var(--color-white)}.blog-details ul.point-order li i{color:var(--color-white);font-size:20px;margin-right:10px;display:inline-block}.blog-details ul.point-order.rotate li i{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.blog-details .image-post{margin-bottom:40px}.blog-details .image-post img,.comments-area ul.comment-list .commenter-block .comment-content{width:100%}.blog-details .process-step,.comments-area ul.comment-list .commenter-block .comment-content .comment-author-comment p{margin-bottom:15px}.blog-details .process-step .serial{position:relative;width:40px;height:40px;background:var(--color-white);color:var(--color-one);border-radius:100%;font-size:22px;line-height:40px;text-align:center;margin-right:25px;box-shadow:0 10px 20px rgba(137,151,186,.25);flex-shrink:0;transition:.5s ease-in-out}.blog-details .process-step:hover .serial{box-shadow:0 0 20px rgba(137,151,186,.25)}.blog-details .process-step h5{font-size:24px;line-height:34px;margin-bottom:15px}.blog-details .block-gallery{position:relative;margin-bottom:30px}.blog-details .blocks-gallery-grid{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}.blog-details .blocks-gallery-grid .blocks-gallery-item{margin:0 30px 0 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative;width:calc(33% - 30px)}.blog-details .blocks-gallery-grid .blocks-gallery-item figure{margin-bottom:0;height:100%;display:flex;align-items:flex-end;justify-content:flex-start}.blog-details .post-footer{display:inline-block;width:100%;border-top:1px solid var(--color-dark-seven);padding-top:30px;margin-top:30px;margin-bottom:40px}.blog-details .post-footer .page-all a{font-size:1.5rem;color:#a6a182}.blog-details .author-div .social-media,.blog-details .post-share{display:flex;align-items:center}.blog-details .post-share ul.share-list{display:flex;align-items:center;flex-flow:wrap;margin-bottom:0;padding-left:0}.blog-details .post-share ul.share-list li{list-style-type:none;display:inline-block;margin-bottom:5px}.blog-details .post-share ul.share-list li+li{margin-left:20px}.blog-details .post-share ul.share-list li a{color:var(--color-white);text-align:center;font-size:12px;font-style:normal;font-weight:var(--fw-medium);line-height:26px;width:auto;display:inline-block;background-color:var(--color-dark-seven);-webkit-border-radius:3px;border-radius:3px;padding:6px 13px;transition:var(--transition-base)}.blog-details .post-share ul.share-list li a:hover{background-color:var(--color-one);border-color:var(--color-one)}.blog-details .post-share ul.share-list li:first-child{color:var(--color-white);font-size:17px;font-style:normal;font-weight:var(--fw-light);line-height:30px;margin-right:15px}.blog-details .author-div{display:flex;border-top:1px dotted var(--color-light);border-bottom:1px dotted var(--color-light);padding:30px 0;margin:0 0 40px}.blog-details .author-div .author{max-width:125px;min-width:125px;height:125px;margin-right:30px;border-radius:100%;overflow:hidden}.blog-details .author-div .author-name{font-size:24px;margin-bottom:6px}.blog-details .author-div .author-intro{margin-bottom:15px;font-size:17px;font-weight:var(--fw-light);line-height:27px}.blog-details .video-post .local_video .play_btn,.video-post .ytube-video .ytplay-btn{top:50%;transform:translate(-50%,-50%);font-size:30px;transition:.5s;z-index:1;cursor:pointer;text-align:center}.blog-details .author-div .social-media ul.social-list{display:flex;align-items:center;margin-bottom:0;padding-left:0}.blog-details .author-div .social-media ul.social-list li{list-style-type:none;display:inline-block}.blog-details .author-div .social-media ul.social-list li a{font-size:15px;padding:0 14px}.blog-details .author-div .social-media ul.social-list li:first-child a{padding-left:0}.blog-details .author-div .social-media ul.social-list li:last-child a{padding-right:0}.video-post{display:inline-block;width:100%;margin:35px 0}.blog-details .video-post .local_video,.video-post .ytube-video{position:relative;overflow:hidden}.blog-details .video-post .local_video #video,.video-post .ytube-video #ytvideo{opacity:0;position:absolute;left:0;top:0;width:100%}.video-post .ytube-video .ytplay-btn{position:absolute;left:50%;width:75px;height:75px;line-height:75px;background:var(--color-one);border-radius:100%}.comment-respond .comment-reply-title::before,.comments-area .comments-title::before{position:absolute;content:'';bottom:0;height:1px;background-color:var(--color-white)}.ytplay-btn:after,.ytplay-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 0 20px rgba(255,255,255,.4);box-shadow:0 0 0 20px rgba(255,255,255,.4);animation:2s ease-in-out infinite ripple3}.ytplay-btn:after{-webkit-box-shadow:0 0 0 40px rgba(255,255,255,.3);box-shadow:0 0 0 40px rgba(255,255,255,.3);animation:2s ease-in-out infinite ripple4}@keyframes ripple3{0%{box-shadow:0 0 0 0 rgba(255,255,255,.4)}50%{box-shadow:0 0 0 20px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}@keyframes ripple4{0%{box-shadow:0 0 0 20px rgba(255,255,255,.3)}50%{box-shadow:0 0 0 40px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}.blog-details .video-post .local_video.play #video,.video-post .ytube-video.play #ytvideo{opacity:1}.blog-details .video-post .local_video.play .post-content,.video-post .ytube-video.play .post-content{opacity:0;visibility:hidden}.blog-details .video-post .ytube-video .post_header{position:absolute;left:0;bottom:60px;width:100%;text-align:center}.blog-details .video-post .local_video .post_header .post_title,.blog-details .video-post .ytube-video .post_header .post_title{margin:0}.blog-details .video-post .local_video .play_btn{position:absolute;left:50%;width:80px;height:80px;line-height:80px;background:var(--second-color);border-radius:100%}.blog-details .video-post .local_video.play .play_btn{left:50%;top:auto;bottom:25px;transform:translateX(-50%);width:40px;height:40px;line-height:40px;font-size:24px;background:var(--second-color);text-align:center;border-radius:3px;cursor:pointer}.blog-details .video-post .local_video.play .play_btn i.ion-ios-play:before{content:"\f478"}.blog-details .video-post .local_video .post_header{position:absolute;left:0;bottom:60px;width:100%}embed,iframe,object,video{width:100%;height:100%;min-height:500px}.comment-respond .comment-reply-title,.comments-area .comments-title{position:relative;font-size:32px;font-style:normal;font-weight:var(--fw-medium);line-height:36px;letter-spacing:-.32px;padding-bottom:15px}.comments-area .comments-title::before{left:0;width:40px}.comments-area ul{list-style-type:none;padding-left:0;margin-bottom:0}.comments-area ul ul{padding-left:90px}.comments-area ul.comment-list .commenter-block{padding-top:30px;padding-bottom:30px;display:flex;align-items:start}.comments-area ul.comment-list .commenter-block .comment-avatar{margin-right:30px;width:90px;flex-shrink:0;overflow:hidden}.comments-area ul.comment-list .commenter-block .comment-content .comment-author-name{display:flex;align-items:center;color:var(--color-white);font-size:18px;font-style:normal;font-weight:var(--fw-medium);line-height:30px;text-transform:capitalize;margin-top:0}.comments-area ul.comment-list .commenter-block .comment-content .comment-author-comment{font-size:17px;font-style:normal;font-weight:var(--fw-normal);line-height:27px;margin-top:10px}.comments-area ul.comment-list .commenter-block .comment-content .comment-date{font-size:15px;font-style:normal;font-weight:var(--fw-light);line-height:28px;color:var(--color-white);margin-left:25px}.comments-area ul.comment-list .commenter-block .comment-content .comment-reply .comment-reply-link{font-size:15px;font-style:normal;font-weight:var(--fw-medium);line-height:28px;color:var(--color-one)}.comments-area .comments-pagination{margin-bottom:0;align-items:center;display:flex;padding-left:0;list-style:none;border-radius:0}.comments-area .comments-pagination a,.comments-area .comments-pagination span{margin-right:7px;font-size:16px;font-weight:var(--fw-light);text-align:center;width:40px;height:40px;line-height:40px;display:block}.comments-area .comments-pagination a.current,.comments-area .comments-pagination a:hover,.comments-area .comments-pagination span.current,.comments-area .comments-pagination span:hover{background:var(--color-one)}.comment-respond{margin-top:100px}.comment-respond .comment-reply-title::before{left:0;width:30px}.comment-respond .logged-in-as{font-size:1rem;font-weight:var(--fw-light);font-style:italic;margin-top:15px}.comment-respond .form-group{margin-bottom:1.25rem}.comment-respond :-moz-placeholder,.comment-respond :-ms-input-placeholder,.comment-respond ::-moz-placeholder,.comment-respond ::-webkit-input-placeholder,.comment-respond :placeholder{font-size:.875rem;font-weight:var(--fw-light);color:#999}@media screen and (max-width:991px){.comments-area ul ul{padding-left:30px}.comments-area ul.comment-list .commenter-block{flex-direction:column}.comments-area ul.comment-list .commenter-block .comment-content .comment-author-name{margin-top:10px;flex-direction:column;align-items:baseline}.comments-area ul.comment-list .commenter-block .comment-content .comment-date{margin-left:0}}.blog-details .wptb-testimonial2 .wptb-item--image img{max-width:300px}.blog-details .wptb-testimonial2 .wptb-item--inner .wptb-item--holder{max-width:320px;padding:40px}.blog-details .wptb-testimonial2 .wptb-item--inner .wptb-item--description{font-size:14px;line-height:20px}.blog-details .wptb-testimonial2 .wptb-item--inner .wptb-item--title{font-size:16px;line-height:22px}.blog-details .wptb-testimonial2 .wptb-item--inner .wptb-item--designation{font-size:12px;line-height:18px}

/* ================================================================
   BLOG PAGES — custom classes (v3)
   ================================================================ */

/* ---- BLOG SINGLE: Banner (blog image as background) ---- */
.ls-blog-banner {
  position: relative;
  min-height: 400px;
  display: flex;
  align-items: flex-end;
  background-size: cover;
  background-position: center;
  background-color: #111;
  padding-top: 90px; /* header height offset */
}
.ls-blog-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.35) 0%,
    rgba(0,0,0,0.82) 100%
  );
}
.ls-blog-banner::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, transparent, #C9A84C 40%, #C9A84C 60%, transparent);
}
.ls-blog-banner-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 32px 0 36px;
}
.ls-blog-banner-tag {
  display: inline-block;
  background: #C9A84C;
  color: #000;
  padding: 4px 14px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 14px;
}
.ls-blog-banner-title {
  font-size: clamp(22px, 3.5vw, 42px);
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 16px;
  max-width: 820px;
}
.ls-blog-banner-meta {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  font-size: 14px;
  color: rgba(255,255,255,0.7);
  margin-bottom: 14px;
}
.ls-blog-banner-meta i { color: #C9A84C; margin-right: 5px; }

/* col-lg-8 not in home-bootstrap — define it here */
@media (min-width: 992px) {
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66667%;
  }
}

/* ---- BLOG SINGLE: Content area ---- */
.ls-blog-content-section { padding: 52px 0 40px; }
.ls-blog-row { display: flex; flex-wrap: wrap; gap: 24px; }
.ls-blog-row .col-lg-8 { flex: 1 1 60%; min-width: 0; }
.ls-blog-row .col-lg-4 { flex: 0 0 320px; min-width: 0; max-width: 380px; }
@media (max-width: 991px) {
  .ls-blog-row { flex-direction: column; }
  .ls-blog-row .col-lg-8,
  .ls-blog-row .col-lg-4 { flex: 0 0 100%; max-width: 100%; width: 100%; }
}
.ls-blog-content-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 36px 32px;
}
.ls-blog-content-card img { max-width: 100%; height: auto; }

/* Sticky wrapper — JS (blog.js) handles translateY for desktop sticky */
.ls-blog-sidebar-sticky {
  will-change: transform;
}

/* ---- BLOG SINGLE: Sidebar — CTA booking card ---- */
.ls-blog-sidebar-cta {
  background: linear-gradient(135deg, rgba(201,168,76,0.14), rgba(201,168,76,0.04));
  border: 1px solid rgba(201,168,76,0.32);
  border-radius: 14px;
  padding: 24px;
  margin-bottom: 24px;
  text-align: center;
}
.ls-blog-sidebar-cta-icon { font-size: 30px; color: #C9A84C; margin-bottom: 10px; }
.ls-blog-sidebar-cta-title { font-size: 17px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.ls-blog-sidebar-cta-text { font-size: 13px; color: #aaa; margin-bottom: 16px; line-height: 1.5; }
.ls-blog-sidebar-cta-btn {
  display: block;
  background: #C9A84C;
  color: #000 !important;
  padding: 10px 20px;
  border-radius: 8px;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 14px;
  transition: background 0.2s;
  margin-bottom: 8px;
}
.ls-blog-sidebar-cta-btn:hover { background: #d4b265; }
.ls-blog-sidebar-cta-btn--call { background: #16a34a; color: #fff !important; }
.ls-blog-sidebar-cta-btn--call:hover { background: #15803d; }

/* ---- BLOG SINGLE: Sidebar — Recent blogs card ---- */
.ls-blog-sidebar-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 24px;
}
.ls-blog-sidebar-title {
  font-size: 13px;
  font-weight: 700;
  color: #C9A84C;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.ls-blog-related-list { list-style: none; padding: 0; margin: 0; }
.ls-blog-related-item { padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.06); }
.ls-blog-related-item:last-child { border-bottom: none; padding-bottom: 0; }
.ls-blog-related-item a {
  color: #ccc;
  font-size: 13px;
  line-height: 1.45;
  text-decoration: none;
  transition: color 0.2s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ls-blog-related-item a:hover { color: #C9A84C; }

/* ---- BLOG SINGLE: Bottom CTA boxes ---- */
.ls-blog-cta-box {
  border: 1px solid rgba(255,255,255,0.1);
  padding: 22px;
  border-radius: 12px;
  height: 100%;
  transition: border-color 0.2s;
}
.ls-blog-cta-box:hover { border-color: rgba(201,168,76,0.3); }
.ls-blog-cta-title { color: #C9A84C !important; margin-bottom: 8px; }
.ls-blog-cta-desc { margin-bottom: 12px; font-size: 14px; }
.ls-blog-cta-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; }
.ls-blog-cta-btn {
  display: inline-block;
  color: #fff !important;
  padding: 7px 14px;
  border-radius: 6px;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 600;
  transition: opacity 0.2s;
}
.ls-blog-cta-btn:hover { opacity: 0.85; color: #fff !important; }
.ls-blog-cta-btn--visit      { background-color: #2563eb; }
.ls-blog-cta-btn--call       { background-color: #16a34a; }
.ls-blog-cta-btn--wa         { background-color: #25D366; }
.ls-blog-cta-btn--directions { background-color: #dc2626; }

/* Service links heading */
.ls-blog-grid-heading { text-align: center; margin-bottom: 10px; }

/* ---- BLOG INDEX: Card improvements ---- */
.ls-blog-index-section { padding: 56px 0; }

/* ---- RESPONSIVE ---- */
@media (max-width: 991px) {
  .ls-blog-banner { min-height: 340px; }
  .ls-blog-sidebar-sticky { transform: none !important; }
}
@media (max-width: 767px) {
  .ls-blog-banner { min-height: 260px; padding-top: 80px; }
  .ls-blog-banner-title { font-size: 20px; }
  .ls-blog-banner-meta { gap: 12px; font-size: 13px; }
  .ls-blog-content-section { padding: 32px 0 24px; }
  .ls-blog-content-card { padding: 20px 16px; }
  .ls-blog-cta-box { margin-bottom: 16px; }
}