/* Moved from Next LAYOUT_INLINE_CSS — keep as static sheet so RSC flight does not triplicate ~27KB inline <style>. */
.serviceCrd .bottom-readmore {
  background-color: var(--secondary-color) !important;
  color: var(--primary-color);
}
.serviceCrd:hover .bottom-readmore {
  background-color: var(--primary-color) !important;
}
.serviceCrd:hover .bottom-readmore a {
  color: var(--white-color) !important;
}
.serviceCrd .web-service-card {
  color: var(--white-color);
}
.serviceCrd .title {
  color: var(--white-color);
}
.serviceCrd:hover .web-service-card:before {
  background-color: var(--white-color);
}
.serviceCrd:hover .web-service-card .title,
.serviceCrd:hover .web-service-card p,
.serviceCrd:hover .web-service-card div:not(.count):not(.bottom-readmore) {
  color: var(--primary-color) !important;
}
.benefits-web-service-card .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.benefits-web-service-card .icon img {
  display: block;
  width: 64px;
  max-width: 64px;
  height: 64px;
  max-height: 64px;
  object-fit: contain;
  margin: 0 auto;
}
.law-firm-benefit-card .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.law-firm-benefit-card .icon img {
  display: block;
  width: 64px;
  max-width: 64px;
  height: 64px;
  max-height: 64px;
  object-fit: contain;
  margin: 0;
}
.digital-benefit-card .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.digital-benefit-card .icon img {
  display: block;
  width: 60px;
  max-width: 60px;
  height: 60px;
  max-height: 60px;
  object-fit: contain;
}
.automobile-card .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.automobile-card .icon img {
  display: block;
  width: 50px;
  max-width: 50px;
  height: 50px;
  max-height: 50px;
  object-fit: contain;
}
/* ----- programmatic pages — legacy dynamic_business / dynamic_city parity ----- */
.law-firm-card-three .content h3.h4,
.law-firm-card-three .content h4 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 14px;
  color: var(--primary-color);
  border-bottom: 2px dashed var(--secondary-color);
  padding-bottom: 12px;
}
.law-firm-card-three:hover .content h3.h4,
.law-firm-card-three:hover .content h4,
.law-firm-card-three:hover .content p {
  color: var(--white-color);
}
.law-firm-card-three .content > p {
  flex-grow: 1;
}
.law-firm-card-three .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.law-firm-card-three .icon img {
  display: block;
  width: 64px;
  max-width: 64px;
  height: 64px;
  max-height: 64px;
  object-fit: contain;
}
.law-firm-benefit-card .content {
  padding-bottom: 40px;
}
.law-firm-benefit-card .content > p,
.law-firm-benefit-card .content > div:not(.shape-bg) {
  color: var(--black-color);
  line-height: 1.75;
  margin-bottom: 0;
}
.law-firm-benefit-card .content > p:last-child {
  margin-bottom: -0.5em;
}
.law-firm-benefit-card .shape-bg img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
.law-firm-img .img-one img {
  display: inline-block;
  max-width: 450px;
  width: 100%;
  height: auto;
}
.law-firm-tab-one .nav-link img {
  display: block;
  width: 64px;
  max-width: 64px;
  height: 64px;
  max-height: 64px;
  object-fit: contain;
  margin: 0 auto 10px;
}
.law-firm-tab-one .tab-content .main-img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.law-firm-section-two .section-title p,
.law-firm-section-two .section-title div {
  color: var(--white-color);
}
.law-firm-section-two .yellowText p a,
.law-firm-section-two .yellowText p a b,
.law-firm-section-two .yellowText div a,
.law-firm-section-two .yellowText div a b,
.law-firm-section-two .yellowText h1 a,
.law-firm-section-two .yellowText h2 a,
.law-firm-section-two .yellowText h3 a,
.law-firm-section-two .yellowText h4 a,
.law-firm-section-two .yellowText li a,
.law-firm-section-two .yellowText a {
  color: var(--secondary-color) !important;
  font-weight: 600;
}
.law-firm-section-two .yellowText a * {
  color: inherit !important;
}
.law-firm-section-two .nav-link img.icon {
  display: block;
  width: 40px;
  max-width: 40px;
  height: 40px;
  max-height: 40px;
  object-fit: contain;
  flex-shrink: 0;
}
.law-firm-section-two .nav-link img.shape {
  display: block;
  width: auto;
  max-width: 24px;
  height: auto;
  max-height: none;
}
.law-firm-abt-section .common-list {
  padding-left: 0;
  margin-top: 1rem;
  list-style: none;
}
.digital-marketing-card .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.digital-marketing-card .icon img {
  display: block;
  width: 64px;
  max-width: 64px;
  height: 64px;
  max-height: 64px;
  object-fit: contain;
}
.digital-marketing-card .content h3.h4,
.digital-marketing-card .content h4 {
  position: relative;
  color: var(--primary-color);
  font-family: var(--primary-semibold-font);
  margin-bottom: 25px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.5rem;
}
.digital-marketing-card .content > p {
  flex-grow: 1;
}
.digital-marketing-img > img {
  display: block;
  max-width: 550px;
  width: 100%;
  height: auto;
}
.automobile-business-card .title-box .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.automobile-business-card .title-box .icon img {
  display: block;
  width: 64px;
  max-width: 64px;
  height: 64px;
  max-height: 64px;
  object-fit: contain;
}
.automobile-about .about-img-1 img {
  display: block;
  max-width: 550px;
  width: 100%;
  height: auto;
}
.digital-market-things .nav-link img {
  display: block;
  width: 50px;
  max-width: 50px;
  height: 50px;
  max-height: 50px;
  object-fit: contain;
  margin: 0 auto 8px;
}
.digital-approach-tab .nav-link img.icon {
  display: none !important;
}
@media (max-width: 992px) {
  .digital-approach-tab .nav-link .title {
    display: block !important;
  }
  .digital-approach-tab .nav-link img.icon {
    display: none !important;
  }
}
.programmatic-about-body > p:last-child {
  margin-bottom: 0;
}
.web-approach-tab .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  min-height: 90px;
}
.help-you-tab .nav-tabs .nav-link {
  display: inline-flex;
  align-items: center;
  text-align: left;
}
.help-you-tab .nav-tabs .nav-link img {
  flex-shrink: 0;
  max-width: 45px;
  width: 45px;
}
.web-approach-tab .tab-buttons {
  display: flex;
  flex-wrap: wrap;
}
.service-page .pricing-tab {
  overflow: visible;
}
.service-page .pricing-tab .nav-tabs {
  overflow: visible;
  padding-bottom: 28px;
  margin-bottom: 0;
}
.service-page .pricing-tab .tab-content {
  overflow: visible;
}
.service-page .our-partners-section.bg-light {
  background-color: var(--light-grey-one, #f8f9fa);
}
/* Blog card "Read More" hangs below the card (margin-bottom: -46px).
   Pad the overflow:hidden viewport so the button stays inside the clip edge. */
.blog-carousel.owl-carousel {
  padding-bottom: 52px;
}
.home-blog-carousel {
  padding-bottom: 0;
}
/* 3-up track, scroll one card at a time (no Owl).
   Track is width:100% of viewport so % slide sizes resolve against the
   visible area — not the overflowing content width (which looked full-bleed). */
.home-blog-carousel__viewport {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  /* Space for hanging READ MORE (margin-bottom: -46px) inside the clip edge */
  padding-bottom: 52px;
}
.home-blog-carousel__track {
  display: flex;
  align-items: stretch;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  gap: var(--hbc-gap, 15px);
  transition: transform 0.8s ease;
  will-change: transform;
  /* One card step: (viewportWidth + gap) / visible */
  transform: translateX(
    calc(-1 * var(--hbc-index, 0) * (100% + var(--hbc-gap, 15px)) / var(--hbc-visible, 3))
  );
}
.home-blog-carousel__slide {
  box-sizing: border-box;
  overflow: visible;
  flex: 0 0 calc(
    (100% - (var(--hbc-visible, 3) - 1) * var(--hbc-gap, 15px)) / var(--hbc-visible, 3)
  );
  width: calc(
    (100% - (var(--hbc-visible, 3) - 1) * var(--hbc-gap, 15px)) / var(--hbc-visible, 3)
  );
  max-width: calc(
    (100% - (var(--hbc-visible, 3) - 1) * var(--hbc-gap, 15px)) / var(--hbc-visible, 3)
  );
  min-width: 0;
}
.home-blog-carousel__slide .blog-card {
  width: 100%;
  max-width: 100%;
  height: 100%;
  overflow: visible;
}
.home-blog-carousel__dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}
.home-blog-carousel__dot {
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--carousel-dot-bg, #d9d9d9);
  cursor: pointer;
}
.home-blog-carousel__dot.is-active {
  background: var(--primary-color);
}
.blog-carousel.owl-carousel .owl-stage-outer,
.blog-carousel.owl-carousel .owl-stage,
.blog-carousel.owl-carousel .owl-item,
.blog-carousel.owl-carousel .item {
  overflow: visible;
}
.blog-carousel .blog-card,
.home-blog-carousel .blog-card,
.blog-page .blog-card {
  position: relative;
  overflow: visible;
}
.blog-carousel .blog-card .card-body,
.home-blog-carousel .blog-card .card-body,
.blog-page .blog-card .card-body {
  overflow: visible;
}
.blog-carousel .blog-card .content-box,
.home-blog-carousel .blog-card .content-box,
.blog-page .blog-card .content-box {
  position: relative;
  padding-bottom: 28px;
  overflow: visible;
}
.blog-carousel .blog-card .blog-btn,
.home-blog-carousel .blog-card .blog-btn,
.blog-page .blog-card .blog-btn {
  display: inline-block;
  width: 80%;
  vertical-align: middle;
  border: none;
  outline: none !important;
  background-color: var(--primary-color);
  color: var(--white-color) !important;
  font-size: 16px;
  padding: 11px 30px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: -46px;
  border-radius: 0;
  left: 50%;
  transform: translate(-50%);
  position: relative;
  z-index: 2;
  text-decoration: none;
}
.blog-carousel .blog-card .blog-btn:hover,
.home-blog-carousel .blog-card .blog-btn:hover,
.blog-page .blog-card .blog-btn:hover {
  color: var(--black-color) !important;
  background-color: var(--secondary-color);
}
/* Home carousel cards — same author/title polish as blog listing */
.blog-carousel .blog-card .img-box,
.home-blog-carousel .blog-card .img-box {
  overflow: hidden;
  min-height: 235px;
  background-color: rgba(var(--black-rgb), 0.04);
}
.blog-carousel .blog-card .img-box img,
.home-blog-carousel .blog-card .img-box img {
  display: block;
  width: 100% !important;
  height: 235px;
  max-height: 235px;
  object-fit: cover;
}
.blog-carousel .blog-card .content-box > img,
.blog-carousel .blog-card .detail-box > img,
.home-blog-carousel .blog-card .content-box > img,
.home-blog-carousel .blog-card .detail-box > img {
  display: block;
  width: auto;
  max-width: 90px;
  max-height: 35px;
  height: auto;
  flex-shrink: 0;
}
.blog-carousel .blog-card .detail-box,
.home-blog-carousel .blog-card .detail-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.blog-carousel .blog-card .detail-box .detail > div,
.blog-carousel .blog-card .detail-box .detail p,
.home-blog-carousel .blog-card .detail-box .detail > div,
.home-blog-carousel .blog-card .detail-box .detail p {
  font-family: var(--primary-semibold-font);
  color: var(--primary-color);
  margin-bottom: 3px;
  font-size: 1rem;
}
.blog-carousel .blog-card .detail-box .detail span,
.home-blog-carousel .blog-card .detail-box .detail span {
  display: block;
  font-size: var(--fs-small);
  color: var(--black-color);
}
.blog-carousel .blog-card .blogh5,
.home-blog-carousel .blog-card .blogh5 {
  margin-bottom: 0.75rem;
}
.blog-carousel .blog-card .blogh5 a,
.home-blog-carousel .blog-card .blogh5 a {
  display: block;
  color: var(--black-color) !important;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blog-carousel .blog-card .blogh5 a:hover,
.home-blog-carousel .blog-card .blogh5 a:hover {
  color: var(--primary-color) !important;
}
/* Inline CMS / editorial links — always brand yellow, including inside
   headings, lists, and mixed font weight/size (not only bare <p><a>). */
p a,
li a,
td a,
th a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.faq a,
.blog-detail-body a,
.section-template__body a,
.cms-content a {
  color: var(--secondary-color);
  font-weight: 600;
}

p a *,
li a *,
td a *,
th a *,
h1 a *,
h2 a *,
h3 a *,
h4 a *,
h5 a *,
h6 a *,
.faq a *,
.blog-detail-body a *,
.section-template__body a *,
.cms-content a * {
  color: inherit;
}
.spanClass span,
.spanClass strong {
  color: var(--secondary-color);
}
/* Affordable-services carousel — card titles (Laravel dynamic_city_business) */
.automobile-business-card .title h3,
.automobile-business-card .title h4 {
  color: var(--primary-color);
  font-family: var(--primary-semibold-font);
  text-transform: uppercase;
  font-size: 1.5rem;
  margin: 0;
}
.section-title h2 {
  color: var(--primary-color);
  font-size: var(--section-title-fs);
  line-height: 60px;
  text-transform: uppercase;
  font-family: var(--primary-semibold-font);
}
.idea-section .section-title h2 {
  color: var(--white-color);
}
.section-title h2 .title-span-text {
  color: var(--secondary-color);
}
.portfolio-card .img-box img {
  object-fit: contain;
}
.breadcrumb-banner h1 {
  color: var(--white-color);
  font-size: 50px;
  font-family: var(--primary-semibold-font);
  margin: 0;
  text-align: center;
}
.breadcrumb-section .breadcrumb-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0;
}
.breadcrumb-section .breadcrumb-item img {
  display: inline-block;
  width: auto;
  max-width: none;
  height: 15px;
  vertical-align: middle;
}
.vision-card .icons-box .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.vision-card .icons-box .icon img {
  display: block;
  width: 50px;
  max-width: none;
  height: auto;
}
.footer-list li img {
  display: inline-block;
  width: 18px;
  max-width: none;
  height: auto;
}
.social-links img {
  display: inline-block;
  max-width: none;
  height: auto;
}
.fixed-footer-link-two .img-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.fixed-footer-link-two .img-box img {
  display: block;
  width: 18px;
  max-width: none;
  height: auto;
  margin: 0;
}
.fixed-footer-link li a img {
  display: inline-block;
  width: 18px;
  max-width: none;
  height: auto;
  flex-shrink: 0;
}
.contact-section .contact-info-box .icon img,
.address-box .icon img {
  display: block;
  width: 40px;
  max-width: none;
  height: auto;
}
.contact-section .contact-info-box .icon,
.address-box .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.sidebar-card div.title {
  color: var(--primary-color);
  font-family: var(--primary-semibold-font);
  border-bottom: 2px dashed var(--secondary-color);
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.5rem;
}
/* ----- blog / news listing page (globals.css img/a reset fixes) ----- */
.blog-page .row.gy-5 > .col-md-6 {
  margin-bottom: 2rem;
  padding-bottom: 3rem;
  display: flex;
  overflow: visible;
}
.blog-page .blog-card {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.blog-page .blog-card .card-body {
  overflow: visible;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.blog-page .blog-card .content-box {
  position: relative;
  padding-bottom: 28px;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.blog-page .blog-card .img-box {
  flex-shrink: 0;
  min-height: 235px;
  overflow: hidden;
  background-color: rgba(var(--black-rgb), 0.04);
}
.blog-page .blog-card .img-box img {
  display: block;
  width: 100% !important;
  max-width: none;
  min-height: 235px;
  height: 235px;
  max-height: 235px;
  object-fit: cover;
}
.blog-page .blog-card .content-box img {
  display: block;
  width: auto;
  max-width: none;
  max-height: 35px;
  height: auto;
  flex-shrink: 0;
}
.blog-page .blog-card .detail-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.blog-page .blog-card .detail-box .detail > div,
.blog-page .blog-card .detail-box .detail p {
  font-family: var(--primary-semibold-font);
  color: var(--primary-color);
  margin-bottom: 3px;
  font-size: 1rem;
}
.blog-page .blog-card .detail-box .detail span {
  display: block;
  font-size: var(--fs-small);
  color: var(--black-color);
}
.blog-page .blog-card .blogh5 {
  flex: 1;
  min-height: 1.5em;
  margin-bottom: 0.75rem;
}
.blog-page .blog-card .blogh5 a {
  display: block;
  color: var(--black-color);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blog-page .blog-card .blogh5 a:hover {
  color: var(--primary-color);
}
.blog-page .pagination .page-link {
  display: block;
}
.blog-page .pagination .page-link i {
  display: inline-block;
  line-height: 40px;
}
.blog-page .sidebar-card .tag-box .tag a {
  text-decoration: none;
  color: inherit;
}
.blog-page .post-card .card-body a {
  color: var(--primary-color);
  font-family: var(--primary-regular-font);
  font-weight: 400;
  margin-bottom: 3px;
  font-size: 15px;
  line-height: 26px;
  text-decoration: none;
}
.blog-page .post-card:hover .card-body a {
  color: var(--primary-color);
}
.blog-page .sidebar-card .common-list li a {
  text-decoration: none;
  color: var(--black-color);
}
.blog-page .sidebar-card .call-back-form .form-label,
.blog-page .sidebar-card .call-back-form .form-check-label {
  font-family: var(--primary-semibold-font);
}
.blog-page .sidebar-card .iti {
  display: block;
  width: 100%;
}
.blog-page .sidebar-card .custom-phone-field .form-control {
  padding-left: 105px !important;
}
/*
 * Sticky right sidebar (blog / news listing + detail).
 * Bootstrap pattern: sticky the column itself with align-self:flex-start
 * so the column is content-height and can travel inside the tall row.
 * Also override body overflow-x:hidden from legacy style.css — that
 * property creates a scroll containment and kills position:sticky.
 */
html,
body {
  overflow-x: clip !important;
}
@media (min-width: 1200px) {
  .blog-page > .container > .row > .col-xl-4,
  .blog-detail-page > .container > .row > .col-xl-4,
  .news-detail-page > .container > .row > .col-xl-4 {
    position: sticky;
    top: 100px;
    align-self: flex-start;
  }
}
/* ----- blog detail page ----- */
.blog-detail-page h2[id],
.blog-detail-page h3[id] {
  scroll-margin-top: 120px;
}
.blog-detail-page .image img,
.blog-detail-page .blog-detail-body img {
  width: 100% !important;
  display: block;
}
.blog-detail-page .social-share-buttons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.blog-detail-page .social-share-buttons li {
  margin: 0;
}
.blog-detail-page .social-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f8f9fa;
  transition: all 0.3s ease;
  border: 1px solid #e9ecef;
  text-decoration: none;
}
.blog-detail-page .social-share-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  text-decoration: none;
}
.blog-detail-page .social-share-btn img {
  transition: all 0.3s ease;
}
.blog-detail-page .social-share-btn[data-platform="facebook"]:hover {
  background: #1877f2;
}
.blog-detail-page .social-share-btn[data-platform="facebook"]:hover img,
.blog-detail-page .social-share-btn[data-platform="twitter"]:hover img,
.blog-detail-page .social-share-btn[data-platform="linkedin"]:hover img,
.blog-detail-page .social-share-btn[data-platform="instagram"]:hover img,
.blog-detail-page .instagram-share-btn:hover img {
  filter: brightness(0) invert(1);
}
.blog-detail-page .social-share-btn[data-platform="twitter"]:hover {
  background: #1da1f2;
}
.blog-detail-page .social-share-btn[data-platform="linkedin"]:hover {
  background: #0077b5;
}
.blog-detail-page .instagram-share-btn:hover,
.blog-detail-page .social-share-btn[data-platform="instagram"]:hover {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.blog-detail-page .divTitle.title {
  font-size: var(--title-fs);
  font-family: var(--primary-bold-font);
  color: var(--primary-color);
  text-transform: uppercase;
}
.blog-detail-page .blog-detail-card .card-body p {
  margin-bottom: 0;
}
.blog-detail-page .blog-card {
  position: relative;
  overflow: visible;
}
.blog-detail-page .blog-card .content-box {
  position: relative;
  padding-bottom: 20px;
}
.blog-detail-page .blog-card .blog-btn {
  display: inline-block;
  width: 80%;
  background-color: var(--primary-color);
  color: var(--white-color) !important;
  font-size: 16px;
  padding: 11px 30px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: -46px;
  border-radius: 0;
  left: 50%;
  transform: translate(-50%);
  position: relative;
  z-index: 2;
  text-decoration: none;
}
.blog-detail-page .blog-card .blogh5 a {
  display: block;
  color: var(--black-color);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blog-detail-page .date-list li .icon {
  font-size: var(--fs-large);
  color: var(--primary-color);
}
.blog-detail-page .breadcrumb a {
  text-decoration: none;
}
.news-detail-page .newsDetails img {
  width: 100% !important;
}
.news-detail-page .social-share-buttons {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.news-detail-page .social-share-buttons li {
  display: inline-block;
}
.news-detail-page .social-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}
.news-detail-page .social-share-btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.news-detail-page .social-share-btn img {
  display: block;
}
.news-detail-page .blog-card .blog-btn {
  margin-top: 0.5rem;
}
.news-detail-page .blog-card h5 a {
  color: var(--black-color);
  text-decoration: none;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.media-coverage-page .row > .col-sm-4 {
  display: flex;
}
.media-coverage-page .portfolio-card {
  width: 100%;
}
.media-coverage-page .portfolio-card .img-box {
  min-height: 215px;
}
.media-coverage-page .portfolio-card .img-box img {
  width: 100%;
  height: 215px;
  object-fit: cover;
}
.guest-post-page .content_box_new ul li {
  list-style-type: disc;
}
.share-toast {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #28a745;
  color: white;
  padding: 12px 20px;
  border-radius: 8px;
  z-index: 9999;
  font-size: 14px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  max-width: 300px;
  transition: opacity 0.3s ease;
}
.share-toast.error {
  background: #dc3545;
}
.sidebar-social-icons img {
  display: inline-block;
  width: auto;
  max-width: none;
  height: 14px;
  filter: brightness(0);
}
.sidebar-social-icons img.facebook {
  height: 17px;
}
.sidebar-social-icons li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.review-card .profile-box img {
  border-radius: 50%;
  height: 72px !important;
  width: 72px !important;
  object-fit: cover;
}
.footer-title {
  font-size: 1.5rem;
}
.footer .h5 {
  font-size: var(--fs-large);
  margin-right: 20px;
  font-family: var(--secondary-bold-font);
  color: var(--white-color);
}
.serve-card div a {
  font-family: var(--primary-medium-font);
  color: var(--primary-color);
}
.top-header .col-xl-6.d-md-flex {
  align-items: center;
}
.top-header .header-list {
  height: auto;
  align-self: center;
}
.top-header .header-list > li {
  align-self: center;
  height: auto;
}
/* Portfolio / case study / SEO result category chips (NavLink anchors) */
.portfolio-filter {
  list-style: none;
  margin: 0;
}
.portfolio-filter > li {
  list-style: none;
}
.portfolio-filter a.btn-filter {
  color: var(--secondary-color);
  text-decoration: none;
}
.portfolio-filter a.btn-filter:hover,
.portfolio-filter a.btn-filter:focus,
.portfolio-filter a.btn-filter.active {
  color: var(--white-color) !important;
  border-color: var(--primary-background);
  background-color: var(--primary-color);
}
.top-header .btn-header {
  display: inline-block;
  height: auto;
  min-height: 0;
  line-height: 1.4;
  white-space: nowrap;
  vertical-align: middle;
}
/* 404 page — legacy errors/404.blade.php (style1.css forederofore_* rules) */
.forederofore_area {
  min-height: 610px;
  background-position: center;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}
.forederofore_area .forederoimg {
  position: absolute;
  max-width: 400px;
  bottom: 0;
  right: 40px;
}
.forederofore_area .forederoforetextbox {
  max-width: 650px;
  padding: 94px 0;
  text-align: center;
}
.forederofore_area .forederoforetextbox h1 {
  font-size: 180px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  background: linear-gradient(to bottom, #f9d012 50%, #d9ad00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 178px;
}
.forederofore_area .forederoforetextbox h4 {
  font-size: 38px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.forederofore_area .forederoforetextbox p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #000;
}
.forederofore_area .btn_area .btn {
  text-transform: uppercase;
  margin: 0 5px;
}
.forederofore_area .btn_area .btn-outline-primary {
  border-radius: 0;
  color: #11487f;
  border-color: #11487f;
  padding: 11px 30px;
  font-weight: 600;
  box-shadow: none;
}
.forederofore_area .btn_area .btn-outline-primary:hover {
  border-radius: 0;
  color: #fff;
  background-color: #181e4e;
  border-color: #181e4e;
  font-weight: 600;
}
/* Our Services carousel — center arrow icons inside circular nav buttons */
.service-carousel.owl-theme .owl-nav [class*="owl-"] {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  box-sizing: border-box !important;
}
.service-carousel.owl-theme .owl-nav [class*="owl-"] img {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  margin: 0 !important;
  object-fit: contain;
  object-position: center center;
}
/* Home page mobile — full-width sections and clip decorative/carousel bleed */
@media (max-width: 991.98px) {
  #site-content {
    overflow-x: clip;
    max-width: 100%;
  }

  .about-section,
  .service-section,
  .service-tab-section,
  .why-us-section,
  .review-section,
  .blog-section {
    overflow-x: clip;
  }

  .about-section .shape-3 {
    max-width: 70%;
    left: -10%;
  }

  .service-section .col-9,
  .service-section .col-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .service-carousel .owl-nav {
    display: none !important;
  }

  .serives-tab .tab-content .divider-one {
    width: 100%;
    margin-left: 0;
  }
}

/* Service page styles formerly inlined in React (avoid RSC flight duplication). */
.service-page .spanClass span {
  color: var(--secondary-color);
}
.web-business-tab .tab-content .tab-pane h3 {
  color: var(--primary-color);
  font-family: var(--primary-semibold-font);
  margin-bottom: 15px;
  font-size: 1.5rem;
}
.web-approach-tab .tab-content h3 {
  color: var(--primary-color);
  font-family: var(--primary-semibold-font);
  margin-bottom: 20px;
  font-size: 1.5rem;
}
.web-service-card .title {
  font-size: 1.5rem;
}
.benefits-web-service-card .content h3 {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: var(--primary-semibold-font);
  font-size: 1.5rem;
}
.pricing-card .price .heading {
  font-family: var(--primary-bold-font);
  color: var(--primary-color);
  font-size: 40px;
  margin-bottom: 20px;
}
.pricing-card .price .heading span {
  color: var(--black-color);
  font-size: 14px;
}
.pricing-card .h4 {
  font-size: var(--fs-regular);
  font-family: var(--primary-bold-font);
  margin-bottom: 15px;
}
.pricing-card.active .heading {
  color: var(--secondary-color);
}
.pricing-card.active .heading span {
  color: var(--white-color);
}
.common-modal .card.plans .h4 {
  font-size: var(--fs-xl);
  font-family: var(--primary-semibold-font);
  color: var(--primary-color);
  border-bottom: 2px dashed var(--secondary-color);
  padding-bottom: 15px;
  font-weight: 500;
  line-height: 1.2;
}
.common-modal .h3 {
  font-size: var(--title-fs);
  font-family: var(--primary-bold-font);
  color: var(--primary-color);
  text-transform: uppercase;
}