/*
  Theme Name: Astra Child - Biltmore Design Builders
  Theme URI: https://wpastra.com/
  Template: astra
  Author: Brainstorm Force
  Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
  Description: Professional home remodeling landing page with modern design & premium styling
  Version: 4.12.6.1774885888
  Updated: 2026-03-31
  */

  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

  :root {
    --bd-primary: #167fd5;
    --bd-primary-dark: #0d5fa8;
    --bd-primary-light: #65b7f0;
    --bd-navy: #173a59;
    --bd-navy-light: #285884;
    --bd-gold: #d0a25b;
    --bd-heading: #2f6690;
    --bd-heading-dark: #1f4460;
    --bd-gray: #5a5a5a;
    --bd-white: #ffffff;
    --bd-light-bg: #f8f9fa;
    --bd-text: #333333;
    --bd-muted: #666666;
    --bd-accent: #167fd5;
    --bd-radius: 16px;
    --bd-radius-lg: 24px;
    --bd-shadow: 0 20px 50px rgba(22, 127, 213, 0.12);
    --bd-shadow-sm: 0 8px 24px rgba(22, 127, 213, 0.08);
    --bd-shadow-lg: 0 30px 80px rgba(22, 127, 213, 0.16);
    --bd-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  * {
    box-sizing: border-box;
  }

  html, body {
    margin: 0;
    padding: 0;
  }

  body {
    font-family: 'Poppins', sans-serif;
    color: var(--bd-text);
    background: var(--bd-white);
    line-height: 1.6;
    overflow-x: hidden;
  }

  .bd-site-shell {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  a {
    color: var(--bd-navy);
    text-decoration: none;
  }

  p {
    margin: 0;
  }

  h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
  }

  .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%;
  }

  .home .ast-container,
  .home .site-content > .ast-container,
  .home .entry-content,
  .home #primary,
  .home #main,
  .page-template-front-page .ast-container,
  .page-template-front-page .site-content > .ast-container,
  .page-template-front-page .entry-content,
  .page-template-front-page #primary,
  .page-template-front-page #main,
  .page-template-template-about-us .ast-container,
  .page-template-template-about-us .site-content > .ast-container,
  .page-template-template-about-us .entry-content,
  .page-template-template-about-us #primary,
  .page-template-template-about-us #main,
  .page-template-template-services .ast-container,
  .page-template-template-services .site-content > .ast-container,
  .page-template-template-services .entry-content,
  .page-template-template-services #primary,
  .page-template-template-services #main,
  .page-template-template-contact-us .ast-container,
  .page-template-template-contact-us .site-content > .ast-container,
  .page-template-template-contact-us .entry-content,
  .page-template-template-contact-us #primary,
  .page-template-template-contact-us #main {
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .home .site-content,
  .page-template-front-page .site-content,
  .page-template-template-about-us .site-content,
  .page-template-template-services .site-content,
  .page-template-template-contact-us .site-content {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home .entry-content > .bd-home,
  .page-template-front-page .entry-content > .bd-home,
  .page-template-template-about-us .entry-content > .bd-page,
  .page-template-template-services .entry-content > .bd-page,
  .page-template-template-contact-us .entry-content > .bd-page {
    margin-top: 0;
  }

  /* Main Layout */
  .bd-home {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-bottom: 0;
    width: 100%;
    overflow: hidden;
  }

  /* =========== Header Styles =========== */
  .bd-header {
    background: var(--bd-white);
    border-bottom: 1px solid #e5e5e5;
    padding: 0.75rem 0;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  }

  .bd-header__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    min-height: 96px;
    position: relative;
  }

  .bd-header__logo a {
    display: flex;
    align-items: center;
    text-decoration: none;
  }

  .bd-header__logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-right: auto;
    max-width: 240px;
  }

  .bd-header__logo .custom-logo-link {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    width: 100%;
  }

  .bd-header__logo img {
    display: block;
    max-height: 86px;
    max-width: 220px;
    width: auto;
  }

  .bd-header__logo span {
    color: var(--bd-heading);
    font-weight: 700;
    font-size: 1.3rem;
    font-family: 'Poppins', sans-serif;
  }

  .bd-header__nav {
    flex: 0 1 auto;
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
  }

  .bd-header__nav ul,
  .bd-header__menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 2rem;
    align-items: center;
    justify-content: flex-end;
  }

  .bd-header__nav a,
  .bd-header__nav span {
    color: var(--bd-text);
    text-decoration: none;
    font-weight: 500;
    font-size: 1rem;
    transition: var(--bd-transition);
    position: relative;
  }

  .bd-header__nav a:hover,
  .bd-header__nav span:hover {
    color: var(--bd-primary);
  }

  .bd-header__nav a::after,
  .bd-header__nav span::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--bd-primary);
    transition: width 0.3s ease;
  }

  .bd-header__nav a:hover::after,
  .bd-header__nav span:hover::after {
    width: 100%;
  }

  .bd-header__cta .bd-btn {
    padding: 0.9rem 1.6rem;
    font-size: 0.92rem;
    margin-left: 1rem;
  }

  .bd-header__toggle {
    display: none;
    flex-direction: column;
    background: none;
    border: none;
    cursor: pointer;
    gap: 5px;
    padding: 0.25rem;
  }

  .bd-header__toggle span {
    width: 25px;
    height: 2px;
    background: var(--bd-heading);
    border-radius: 2px;
    transition: var(--bd-transition);
  }

  .bd-header__toggle.is-active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .bd-header__toggle.is-active span:nth-child(2) {
    opacity: 0;
  }

  .bd-header__toggle.is-active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  /* =========== Hero Section with Animations =========== */
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes slideInRight {
    from {
      opacity: 0;
      transform: translateX(60px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  @keyframes zoomIn {
    from {
      opacity: 0;
      transform: scale(0.95);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes float {
    0%, 100% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-20px);
    }
  }

  .bd-hero {
    position: relative;
    overflow: hidden;
    background:
      radial-gradient(circle at 12% 18%, rgba(208, 162, 91, 0.18), transparent 24%),
      radial-gradient(circle at 88% 14%, rgba(255, 255, 255, 0.14), transparent 22%),
      linear-gradient(135deg, #0f2740 0%, #14385a 48%, #1d5f97 100%);
    border-radius: 0;
    padding: 6rem 2rem 4rem;
    color: #fff;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr);
    align-items: center;
    gap: 4rem;
    min-height: 720px;
    width: 100%;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }

  .bd-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(8, 22, 35, 0.88) 0%, rgba(8, 22, 35, 0.55) 48%, rgba(8, 22, 35, 0.12) 100%);
    pointer-events: none;
  }

  .bd-hero__overlay {
    position: absolute;
    inset: 0;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 28%),
      linear-gradient(90deg, rgba(15, 46, 79, 0.74) 0%, rgba(15, 46, 79, 0.24) 55%, rgba(15, 46, 79, 0) 100%);
    z-index: 0;
  }

  .bd-hero__gradient-accent {
    position: absolute;
    top: -24%;
    right: -6%;
    width: 520px;
    height: 520px;
    background: radial-gradient(circle, rgba(208, 162, 91, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(96px);
    pointer-events: none;
  }

  .bd-hero__content {
    position: relative;
    z-index: 2;
    max-width: none;
    width: auto;
    margin: 0;
    padding: 0 0 0 1.5rem;
  }

  .bd-hero__text-block {
    position: relative;
    z-index: 2;
    max-width: 640px;
    color: #fff;
  }

  .bd-hero__title {
    font-family: 'Poppins', sans-serif;
    font-size: clamp(2.75rem, 4.2vw + 0.4rem, 4.9rem);
    margin: 0.8rem 0 1.2rem;
    letter-spacing: -1.2px;
    line-height: 1.04;
    font-weight: 700;
    animation: fadeInUp 0.8s ease-out 0.2s forwards;
    opacity: 0;
    max-width: 12ch;
    color: #fff;
  }

  .bd-kicker {
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-size: 0.75rem;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
    display: block;
  }

  .bd-kicker--light {
    color: #f4d9a8;
  }

  .bd-hero__highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-bottom: 2rem;
    opacity: 0;
  }

  .bd-hero__highlights--animated {
    animation: fadeInUp 0.8s ease-out 0.52s forwards;
  }

  .bd-hero__highlights span {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.95rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #f5f8fc;
    font-size: 0.88rem;
    font-weight: 500;
    backdrop-filter: blur(8px);
  }

  .bd-hero__cta {
    display: flex;
    gap: 1.2rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    animation: fadeInUp 0.8s ease-out 0.6s forwards;
    opacity: 0;
  }

  .bd-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 0.95rem 1.8rem;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: var(--bd-transition);
    border: 2px solid transparent;
    font-size: 0.95rem;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  }

  .bd-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
  }

  .bd-btn--lg {
    padding: 1.1rem 2.2rem;
    font-size: 1.01rem;
  }

  .bd-btn--sm {
    padding: 0.75rem 1.2rem;
    font-size: 0.88rem;
    border-radius: 999px;
    box-shadow: none;
  }

  .bd-btn--primary {
    background: linear-gradient(135deg, var(--bd-primary), var(--bd-primary-dark));
    color: #fff;
    box-shadow: 0 10px 30px rgba(22, 127, 213, 0.35);
  }

  .bd-btn--primary:hover {
    background: linear-gradient(135deg, var(--bd-primary-dark), #0d4a80);
    box-shadow: 0 14px 40px rgba(22, 127, 213, 0.45);
  }

  .bd-btn--outline {
    border-color: rgba(255, 255, 255, 0.7);
    color: #fff;
    background: transparent;
  }

  .bd-btn--outline:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 1);
  }

  .bd-btn--ghost {
    border-color: rgba(255, 255, 255, 0.6);
    color: #fff;
    background: transparent;
  }

  .bd-btn--ghost:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-1px);
  }

  .bd-btn--secondary {
    background: var(--bd-navy);
    color: #fff;
    border-color: var(--bd-navy);
  }

  .bd-btn--secondary:hover {
    background: var(--bd-navy-light);
    border-color: var(--bd-navy-light);
  }

  .bd-btn__icon {
    width: 18px;
    height: 18px;
  }

  .bd-hero__media {
    position: relative;
    z-index: 2;
    min-height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bd-hero__image-wrapper {
    position: relative;
    width: min(100%, 600px);
    border-radius: 32px;
    overflow: hidden;
    box-shadow: var(--bd-shadow-lg);
    animation: slideInRight 0.8s ease-out 0.4s forwards;
    opacity: 0;
    border: 1px solid rgba(255, 255, 255, 0.16);
  }

  .bd-hero__image-wrapper--animated {
    animation: slideInRight 0.8s ease-out 0.4s forwards, float 4s ease-in-out 1.2s infinite;
  }

  .bd-hero__image-overlay {
    position: absolute;
    inset: 0;
    background:
      linear-gradient(180deg, rgba(12, 30, 48, 0.02) 0%, rgba(12, 30, 48, 0.22) 100%),
      linear-gradient(135deg, rgba(201, 165, 109, 0.12) 0%, transparent 55%);
    border-radius: 32px;
  }

  .bd-hero__photo {
    width: 100%;
    height: 560px;
    object-fit: cover;
    display: block;
  }

  .bd-hero__floating-card {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 270px;
    padding: 0.9rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.96);
    color: var(--bd-heading);
    box-shadow: 0 24px 60px rgba(10, 28, 46, 0.2);
    border: 1px solid rgba(23, 58, 89, 0.08);
    backdrop-filter: blur(10px);
  }

  .bd-hero__floating-card img {
    width: 74px;
    height: 74px;
    border-radius: 18px;
    object-fit: cover;
    flex-shrink: 0;
  }

  .bd-hero__floating-card strong {
    display: block;
    font-size: 1rem;
    margin-bottom: 0.2rem;
    color: var(--bd-heading-dark);
  }

  .bd-hero__floating-card span {
    display: block;
    color: var(--bd-muted);
    font-size: 0.86rem;
    line-height: 1.45;
  }

  .bd-hero__floating-card--top {
    top: 1.5rem;
    left: -1.5rem;
    animation: fadeInUp 0.8s ease-out 0.75s forwards;
    opacity: 0;
  }

  .bd-hero__floating-card--bottom {
    right: -1rem;
    bottom: 2rem;
    animation: fadeInUp 0.8s ease-out 0.95s forwards;
    opacity: 0;
  }

  /* =========== Transform Section =========== */
  .bd-transform {
    padding: 3.75rem 2rem;
    background: var(--bd-light-bg);
    width: 100%;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }

  .bd-transform__layout {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 4rem;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
  }

  .bd-transform__image {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--bd-shadow-lg);
  }

  .bd-transform__image img {
    width: 100%;
    height: auto;
    display: block;
  }

  .bd-transform__content h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 2.2rem;
    color: var(--bd-heading);
    margin-bottom: 0.8rem;
    line-height: 1.2;
  }

  .bd-transform__subtitle {
    font-weight: 700;
    color: var(--bd-primary);
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 1.5rem;
  }

  .bd-transform__content p {
    color: var(--bd-text);
    line-height: 1.8;
    margin-bottom: 2rem;
  }

  /* =========== Remodeling Experience Section =========== */
  .bd-remodeling-experience {
    padding: 3.75rem 2rem;
    background: var(--bd-white);
    width: 100%;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }

  .bd-remodeling-experience > .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
  }

  .bd-remodeling-experience__title {
    font-family: 'Poppins', sans-serif;
    font-size: 2.5rem;
    color: var(--bd-primary);
    text-align: center;
    margin-bottom: 4rem;
    text-transform: uppercase;
    letter-spacing: -0.8px;
    line-height: 1.15;
  }

  .bd-remodeling-experience__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
  }

  .bd-remodeling-experience__item {
    display: block;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--bd-shadow-sm);
    transition: var(--bd-transition);
    color: inherit;
    text-decoration: none;
    cursor: pointer;
  }

  .bd-remodeling-experience__item:hover {
    transform: translateY(-8px);
    box-shadow: var(--bd-shadow-lg);
  }

  .bd-remodeling-experience__item img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
  }

  .bd-remodeling-experience__item h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    color: var(--bd-white);
    padding: 2rem 1.5rem 1.5rem;
    margin: 0;
    font-size: 1.1rem;
    font-family: 'Poppins', sans-serif;
    text-align: center;
  }

  /* =========== Trust Section =========== */
  .bd-trust {
    display: block;
    margin-top: 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 3.25rem 1.5rem;
  }

  .bd-trust__content {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    align-items: start;
    gap: 2rem;
  }

  .bd-trust__text {
    max-width: 720px;
  }

  .bd-trust__text h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 2.4rem;
    margin: 0.5rem 0 1rem;
    color: var(--bd-heading);
    line-height: 1.2;
  }

  .bd-trust__text p {
    color: var(--bd-muted);
    line-height: 1.8;
    margin-bottom: 1.5rem;
  }

  .bd-link-arrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--bd-primary);
    font-weight: 600;
    transition: var(--bd-transition);
    text-decoration: underline;
  }

  .bd-link-arrow:hover {
    color: var(--bd-primary-dark);
    gap: 0.8rem;
  }

  .bd-link-arrow--small {
    font-size: 0.9rem;
    color: var(--bd-muted);
  }

  .bd-link-arrow--small:hover {
    color: var(--bd-gold);
  }

  .bd-trust__pillars {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }

  .bd-card {
    background: #fff;
    border-radius: var(--bd-radius);
    padding: 1.8rem;
    box-shadow: var(--bd-shadow-sm);
    transition: var(--bd-transition);
    position: relative;
  }

  .bd-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--bd-shadow);
  }

  .bd-card--with-icon {
    padding-top: 3.2rem;
  }

  .bd-card__icon {
    position: absolute;
    top: -20px;
    left: 1.8rem;
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, var(--bd-primary), var(--bd-primary-dark));
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: 0 8px 20px rgba(0, 102, 255, 0.35);
  }

  .bd-card h3 {
    margin: 0 0 0.6rem;
    color: var(--bd-heading);
    font-size: 1.1rem;
  }

  .bd-card p {
    margin: 0;
    color: var(--bd-muted);
    line-height: 1.7;
    font-size: 0.95rem;
  }

  /* =========== Services Section =========== */
  .bd-services {
    background: var(--bd-light-bg);
    padding: 3.75rem 0;
    width: 100%;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }

  .bd-section-head h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 2.5rem;
    margin: 0.5rem 0 1rem;
    color: var(--bd-heading);
    line-height: 1.2;
  }

  .bd-section-head p {
    color: var(--bd-muted);
    line-height: 1.7;
    margin: 0;
    font-size: 1.05rem;
  }

  .bd-service-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.8rem;
  }

  .bd-service-card {
    background: #fff;
    border-radius: var(--bd-radius);
    overflow: hidden;
    box-shadow: var(--bd-shadow-sm);
    display: flex;
    flex-direction: column;
    transition: var(--bd-transition);
    color: inherit;
    text-decoration: none;
  }

  .bd-service-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--bd-shadow-lg);
  }

  .bd-service-card__image-wrapper {
    position: relative;
    overflow: hidden;
    height: 220px;
  }

  .bd-service-card__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--bd-transition);
  }

  .bd-service-card:hover .bd-service-card__image-wrapper img {
    transform: scale(1.08);
  }

  .bd-service-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.15) 0%, transparent 100%);
    opacity: 0;
    transition: var(--bd-transition);
  }

  .bd-service-card:hover .bd-service-card__overlay {
    opacity: 1;
  }

  .bd-service-card__body {
    padding: 1.8rem;
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .bd-service-card__body h3 {
    margin: 0 0 0.6rem;
    color: var(--bd-heading);
    font-size: 1.25rem;
  }

  .bd-service-card__body p {
    margin: 0 0 1.2rem;
    color: var(--bd-muted);
    line-height: 1.7;
    flex-grow: 1;
  }

  /* =========== Showcase Section =========== */
  .bd-showcase {
    padding: 2rem 0 5rem;
  }

  /* =========== Carousel Styles =========== */
  .bd-featured-project {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    gap: 2.5rem;
    align-items: center;
    margin-bottom: 4rem;
    background: var(--bd-light-bg);
    padding: 2.5rem;
    border-radius: var(--bd-radius-lg);
  }

  .bd-carousel {
    position: relative;
  }

  .bd-carousel__slides {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: var(--bd-radius);
    box-shadow: var(--bd-shadow);
  }

  .bd-carousel__slide {
    margin: 0;
    position: absolute;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    width: 100%;
  }

  .bd-carousel__slide.active {
    position: relative;
    opacity: 1;
  }

  .bd-carousel__slide img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
  }

  .bd-carousel__slide figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    color: #fff;
    padding: 2rem 1.5rem 1.5rem;
    font-weight: 600;
    font-size: 1.1rem;
  }

  .bd-carousel__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 1.5rem;
  }

  .bd-carousel__btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid var(--bd-primary);
    background: #fff;
    color: var(--bd-primary);
    font-size: 1.2rem;
    cursor: pointer;
    transition: var(--bd-transition);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
  }

  .bd-carousel__btn:hover {
    background: var(--bd-primary);
    color: #fff;
    transform: scale(1.05);
  }

  .bd-carousel__dots {
    display: flex;
    gap: 0.6rem;
  }

  .bd-carousel__dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid var(--bd-primary);
    background: transparent;
    cursor: pointer;
    transition: var(--bd-transition);
  }

  .bd-carousel__dot.active {
    background: var(--bd-primary);
  }

  .bd-carousel__dot:hover {
    transform: scale(1.2);
  }

  .bd-carousel__info {
    padding: 0;
  }

  .bd-carousel__info h3 {
    font-size: 1.8rem;
    color: var(--bd-heading);
    margin-bottom: 1rem;
    font-family: 'Poppins', sans-serif;
  }

  .bd-carousel__info p {
    color: var(--bd-muted);
    line-height: 1.8;
    margin-bottom: 1.5rem;
  }

  /* =========== Google Reviews Section =========== */
  .bd-google-reviews {
    background:
      radial-gradient(circle at top right, rgba(22, 127, 213, 0.12), transparent 30%),
      linear-gradient(180deg, #f7fbff 0%, #eef5fb 100%);
    padding: 3.75rem 0;
    width: 100%;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }

.bd-google-reviews__container {
  max-width: 100%;
}

.bd-google-reviews__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.bd-google-reviews__head .bd-section-head {
  margin: 0;
  max-width: 760px;
}

.bd-google-reviews__head .bd-btn {
  flex: 0 0 auto;
  margin-bottom: 50px;
}

  .bd-google-reviews__header {
    text-align: center;
    margin-bottom: 3rem;
    background: rgba(255, 255, 255, 0.88);
    padding: 2rem;
    border-radius: var(--bd-radius-lg);
    box-shadow: var(--bd-shadow-sm);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(22, 127, 213, 0.08);
  }

  .bd-google-reviews__brand {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    justify-content: center;
  }

  .bd-google-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(22, 127, 213, 0.12);
    color: var(--bd-heading);
    font-weight: 700;
    letter-spacing: 0.04em;
    box-shadow: 0 8px 24px rgba(23, 58, 89, 0.08);
  }

  .bd-google-verified {
    color: var(--bd-muted);
    font-weight: 500;
    font-size: 0.95rem;
  }

  .bd-google-reviews__rating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 0.8rem;
  }

  .bd-reviews__stars {
    font-size: 1.8rem;
    color: var(--bd-primary);
    display: block;
  }

  .bd-reviews__score {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--bd-primary);
  }

  .bd-reviews__count {
    color: var(--bd-muted);
    margin: 0.8rem 0 1.5rem;
    font-size: 0.95rem;
  }

  @media (max-width: 768px) {
    .bd-google-reviews__head {
      flex-direction: column;
      align-items: flex-start;
      gap: 1rem;
    }

    .bd-google-reviews__head .bd-btn {
      width: 100%;
      justify-content: center;
    }
  }

  .bd-review-carousel {
    position: relative;
  }

  .bd-review-carousel__viewport {
    overflow: hidden;
    padding: 0.5rem 0;
  }

  .bd-review-carousel__track {
    display: flex;
    gap: 1.5rem;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
  }

  .bd-google-review {
    flex: 0 0 calc((100% - 3rem) / 3);
    min-width: 0;
    background: rgba(255, 255, 255, 0.92);
    padding: 1.8rem;
    border-radius: var(--bd-radius);
    box-shadow: var(--bd-shadow-sm);
    transition: var(--bd-transition);
    border: 1px solid rgba(22, 127, 213, 0.08);
    border-top: 4px solid var(--bd-primary);
    position: relative;
    min-height: 255px;
  }

  .bd-google-review:hover {
    transform: translateY(-6px);
    box-shadow: var(--bd-shadow);
  }

  .bd-review__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
  }

  .bd-review__header h4 {
    margin: 0 0 0.3rem;
    color: var(--bd-heading);
    font-size: 1.05rem;
  }

  .bd-review__location {
    margin: 0;
    color: var(--bd-muted);
    font-size: 0.85rem;
  }

  .bd-review__stars {
    color: var(--bd-primary);
    font-size: 0.9rem;
    white-space: nowrap;
  }

  .bd-review__project {
    display: inline-flex;
    margin: 0 0 1rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: rgba(22, 127, 213, 0.1);
    color: var(--bd-primary-dark);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }

  .bd-review__text {
    color: var(--bd-text);
    line-height: 1.7;
    margin-bottom: 1rem;
    font-size: 0.95rem;
  }

  .bd-review__date {
    color: var(--bd-muted);
    font-size: 0.8rem;
  }

  .bd-review-carousel__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
  }

  .bd-review-carousel__btn {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid rgba(22, 127, 213, 0.18);
    background: #fff;
    color: var(--bd-primary-dark);
    cursor: pointer;
    font-size: 1.1rem;
    transition: var(--bd-transition);
    box-shadow: 0 10px 22px rgba(23, 58, 89, 0.08);
  }

.bd-review-carousel__btn svg {
    display: block;
    padding: 0px;
    margin: -6px;
}

  .bd-review-carousel__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(23, 58, 89, 0.12);
  }

  .bd-review-carousel__dots {
    display: flex;
    align-items: center;
    gap: 0.55rem;
  }

  .bd-review-carousel__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
    background: rgba(22, 127, 213, 0.22);
    cursor: pointer;
    transition: var(--bd-transition);
  }

  .bd-review-carousel__dot.is-active {
    width: 28px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--bd-primary), var(--bd-primary-dark));
  }

  .bd-showcase__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.8rem;
  }

  .bd-showcase__item {
    margin: 0;
    background: #fff;
    border-radius: var(--bd-radius);
    overflow: hidden;
    box-shadow: var(--bd-shadow-sm);
    transition: var(--bd-transition);
  }

  .bd-showcase__item:hover {
    transform: translateY(-8px);
    box-shadow: var(--bd-shadow-lg);
  }

  .bd-showcase__image-wrapper {
    position: relative;
    overflow: hidden;
    height: 240px;
  }

  .bd-showcase__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--bd-transition);
  }

  .bd-showcase__item:hover .bd-showcase__image-wrapper img {
    transform: scale(1.08);
  }

  .bd-showcase__overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 46, 79, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: var(--bd-transition);
  }

  .bd-showcase__item:hover .bd-showcase__overlay {
    opacity: 1;
  }

  .bd-showcase__link {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: linear-gradient(135deg, var(--bd-primary), var(--bd-primary-dark));
    color: #fff;
    padding: 0.9rem 1.6rem;
    border-radius: 50px;
    font-weight: 600;
    transition: var(--bd-transition);
    box-shadow: 0 8px 20px rgba(22, 127, 213, 0.3);
  }

  .bd-showcase__link:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 102, 255, 0.4);
  }

  .bd-showcase__item figcaption {
    padding: 1.2rem 1.4rem 1.4rem;
    color: var(--bd-muted);
    font-weight: 500;
    text-align: center;
  }

  .bd-showcase__cta {
    display: flex;
    justify-content: center;
    margin-top: 3.5rem;
  }

  /* =========== Process Section =========== */
  .bd-process {
    padding: 0 0 3rem;
  }

  .bd-process__steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 2rem;
  }

  .bd-step {
    background: #fff;
    border-radius: var(--bd-radius);
    padding: 2rem;
    box-shadow: var(--bd-shadow-sm);
    transition: var(--bd-transition);
    position: relative;
    overflow: hidden;
  }

  .bd-step::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--bd-primary), var(--bd-primary-dark));
    transition: var(--bd-transition);
  }

  .bd-step:hover {
    transform: translateY(-8px);
    box-shadow: var(--bd-shadow);
  }

  .bd-step__number {
    display: inline-flex;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--bd-primary), var(--bd-primary-dark));
    color: #fff;
    font-weight: 700;
    margin-bottom: 1rem;
    font-family: 'Poppins', sans-serif;
    font-size: 1.2rem;
  }

  .bd-step h3 {
    margin: 0 0 0.6rem;
    color: var(--bd-heading);
    font-size: 1.2rem;
  }

  .bd-step p {
    margin: 0 0 1rem;
    color: var(--bd-muted);
    line-height: 1.7;
  }

  .bd-step__list {
    margin: 0;
    padding-left: 1.2rem;
    list-style: none;
  }

  .bd-step__list li {
    color: var(--bd-muted);
    margin-bottom: 0.6rem;
    position: relative;
    padding-left: 1.2rem;
    line-height: 1.6;
  }

  .bd-step__list li:before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--bd-primary);
    font-weight: 700;
  }

  /* =========== Blog / Insights Section =========== */
  .bd-insights {
    padding: 3.25rem 1.5rem 4rem;
  }

  .bd-insights__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.8rem;
  }

.bd-insight-card {
  background: #fff;
  border-radius: var(--bd-radius);
  overflow: hidden;
  box-shadow: var(--bd-shadow-sm);
  transition: var(--bd-transition);
  border: 1px solid rgba(22, 127, 213, 0.08);
  display: flex;
  flex-direction: column;
  height: 100%;
}

  .bd-insight-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--bd-shadow);
  }

  .bd-insight-card__image {
    display: block;
    height: 220px;
    overflow: hidden;
  }

  .bd-insight-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: var(--bd-transition);
  }

  .bd-insight-card:hover .bd-insight-card__image img {
    transform: scale(1.05);
  }

.bd-insight-card__body {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  flex: 1 1 auto;
  text-align: left;
}

.bd-insight-card__meta {
  margin: 0;
  color: var(--bd-primary);
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-align: left;
}

.bd-insight-card__body h3 {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.3;
  text-align: left;
  max-width: none;
}

.bd-insight-card__body h3 a {
  color: var(--bd-heading);
}

.bd-insight-card__body p:last-of-type {
  max-width: none;
  color: #5c6b79;
  line-height: 1.8;
  margin: 0;
}

.bd-insight-card__body .bd-btn {
  margin-top: auto;
  align-self: flex-start;
}

  .bd-insight-card--empty {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    align-items: stretch;
  }

  .bd-home-contact {
    padding: 3.5rem 0;
  }

  .bd-home-contact__layout {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 2rem;
    align-items: start;
  }

  .bd-home-contact__intro {
    padding: 1rem 0;
  }

  .bd-home-contact__intro h2 {
    font-size: 2.35rem;
    color: var(--bd-heading);
    line-height: 1.18;
    margin: 0.45rem 0 1rem;
  }

  .bd-home-contact__intro p {
    color: var(--bd-muted);
    line-height: 1.8;
    margin-bottom: 1rem;
  }

  .bd-home-contact__details {
    display: grid;
    gap: 1rem;
    margin-top: 1.5rem;
  }

  .bd-home-contact__detail {
    background: #f7fafc;
    border: 1px solid rgba(22, 127, 213, 0.08);
    border-radius: 18px;
    padding: 1rem 1.1rem;
  }

  .bd-home-contact__detail strong {
    display: block;
    color: var(--bd-heading);
    margin-bottom: 0.35rem;
  }

  .bd-home-contact__detail a {
    color: var(--bd-muted);
  }

  .bd-home-contact__form-card {
    background: #fff;
    border-radius: 28px;
    padding: 2rem;
    box-shadow: var(--bd-shadow);
    border: 1px solid rgba(22, 127, 213, 0.1);
  }

  .bd-home-contact__form-card h3 {
    color: var(--bd-heading);
    font-size: 1.85rem;
    margin: 0.45rem 0 1rem;
  }

  .bd-home-contact__form {
    margin-top: 1rem;
  }

  .bd-home-contact__form .wpcf7-form {
    display: grid;
    gap: 1rem;
  }

  .bd-home-contact__form input,
  .bd-home-contact__form textarea,
  .bd-home-contact__form select {
    width: 100%;
    border: 1px solid rgba(23, 58, 89, 0.14);
    border-radius: 16px;
    padding: 0.95rem 1rem;
    font-family: 'Poppins', sans-serif;
    font-size: 0.96rem;
    color: var(--bd-text);
    background: #fff;
  }

  .bd-home-contact__form textarea {
    min-height: 160px;
    resize: vertical;
  }

  .bd-home-contact__form input:focus,
  .bd-home-contact__form textarea:focus,
  .bd-home-contact__form select:focus {
    outline: none;
    border-color: var(--bd-primary);
    box-shadow: 0 0 0 4px rgba(22, 127, 213, 0.12);
  }

  .bd-home-contact__form .wpcf7-submit {
    border: none;
    border-radius: 999px;
    padding: 1rem 1.6rem;
    background: linear-gradient(135deg, var(--bd-primary), var(--bd-primary-dark));
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 0.96rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 14px 34px rgba(22, 127, 213, 0.26);
  }

  .bd-home-contact__form .wpcf7-spinner {
    margin: 0.75rem 0 0;
  }

  /* =========== CTA Section =========== */
  .bd-cta {
    padding: 3.25rem 0 4rem;
  }

  .bd-cta__content {
    background: linear-gradient(135deg, var(--bd-primary), var(--bd-primary-dark));
    color: #fff;
    border-radius: var(--bd-radius-lg);
    padding: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    box-shadow: var(--bd-shadow-lg);
    position: relative;
    overflow: hidden;
  }

  .bd-cta__content::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(80px);
  }

  .bd-cta__text {
    position: relative;
    z-index: 1;
    flex: 1;
  }

  .bd-cta__text p {
    margin-bottom: 0.8rem;
  }

  .bd-cta h2 {
    margin: 0.4rem 0 0.8rem;
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    color: #fff;
    line-height: 1.2;
  }

  .bd-cta p {
    color: #d7e1ed;
    margin: 0;
  }

  .bd-cta .bd-btn {
    position: relative;
    z-index: 2;
  }

  /* =========== Inner Page Templates =========== */
  .bd-page {
    width: 100%;
    overflow: hidden;
  }

  .bd-page-hero {
    position: relative;
    min-height: 460px;
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    color: #fff;
  }

  .bd-page-hero__media,
  .bd-page-hero__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .bd-page-hero__media img {
    object-fit: cover;
  }

  .bd-page-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(12, 28, 44, 0.84) 0%, rgba(12, 28, 44, 0.6) 45%, rgba(12, 28, 44, 0.28) 100%);
  }

  .bd-page-hero__content {
    position: relative;
    z-index: 2;
    max-width: 760px;
    padding: 5rem 1.5rem;
  }

  .bd-page-hero__content h1 {
    color: #fff;
    font-size: clamp(2.4rem, 4vw, 4.2rem);
    line-height: 1.08;
    margin: 0.6rem 0 1rem;
  }

  .bd-page-hero__content p:last-child {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.05rem;
    line-height: 1.8;
    max-width: 42rem;
  }

  .bd-about-story,
  .bd-contact-section {
    padding: 4rem 0;
  }

  .bd-about-story__layout,
  .bd-contact-section__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 3rem;
    align-items: center;
  }

  .bd-about-story__image,
  .bd-contact-section__image {
    border-radius: 28px;
    overflow: hidden;
    box-shadow: var(--bd-shadow-lg);
  }

  .bd-about-story__image img,
  .bd-contact-section__image img {
    width: 100%;
    display: block;
    object-fit: cover;
  }

  .bd-about-story__content h2,
  .bd-contact-section__intro h2,
  .bd-contact-form-card h2,
  .bd-about-cta__text h2 {
    font-size: 2.35rem;
    line-height: 1.18;
    color: var(--bd-heading);
    margin: 0.45rem 0 1rem;
  }

  .bd-about-story__subtitle {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--bd-heading-dark);
    margin-bottom: 1.3rem;
  }

  .bd-about-story__content p,
  .bd-contact-section__intro p,
  .bd-about-cta__text p {
    color: var(--bd-muted);
    line-height: 1.8;
    margin-bottom: 1rem;
  }

  .bd-about-values {
    background: linear-gradient(180deg, #f8fbff 0%, #edf4fb 100%);
    padding: 4rem 0;
    width: 100%;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }

  .bd-services-values {
    background: linear-gradient(180deg, #f8fbff 0%, #edf4fb 100%);
    padding: 4rem 0;
    width: 100%;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }

  .bd-services-values__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }

  .bd-service-single-content {
    padding: 4rem 0;
  }

  .bd-service-single-content__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
    gap: 2rem;
    align-items: start;
  }

  .bd-service-single-content__copy {
    background: #fff;
    border-radius: var(--bd-radius-lg);
    padding: 2rem;
    box-shadow: var(--bd-shadow-sm);
    border: 1px solid rgba(22, 127, 213, 0.08);
  }

  .bd-service-single-content__copy h2 {
    font-size: 2.25rem;
    line-height: 1.16;
    color: var(--bd-heading);
    margin: 0.45rem 0 1rem;
  }

  .bd-service-single-content__entry {
    color: var(--bd-muted);
    line-height: 1.8;
  }

  .bd-service-single-content__entry > *:last-child {
    margin-bottom: 0;
  }

  .bd-service-single-content__entry p {
    margin-bottom: 1rem;
  }

  .bd-service-single-content__entry h2,
  .bd-service-single-content__entry h3,
  .bd-service-single-content__entry h4 {
    color: var(--bd-heading-dark);
    margin: 1.2rem 0 0.75rem;
  }

  .bd-service-single-sidebar__card {
    position: sticky;
    top: 120px;
    background: linear-gradient(180deg, #f8fbff 0%, #edf4fb 100%);
    border-radius: var(--bd-radius-lg);
    padding: 2rem;
    box-shadow: var(--bd-shadow-sm);
    border: 1px solid rgba(22, 127, 213, 0.1);
  }

  .bd-service-single-sidebar__card h3 {
    font-size: 1.85rem;
    line-height: 1.2;
    color: var(--bd-heading);
    margin: 0.45rem 0 0.9rem;
  }

  .bd-service-single-sidebar__card p {
    color: var(--bd-muted);
    line-height: 1.8;
    margin-bottom: 1rem;
  }

  .bd-service-single-related {
    background: linear-gradient(180deg, #f8fbff 0%, #edf4fb 100%);
    padding: 4rem 0;
    width: 100%;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }

  .bd-services-value-card {
    background: rgba(255, 255, 255, 0.96);
    border-radius: var(--bd-radius);
    padding: 1.8rem;
    box-shadow: var(--bd-shadow-sm);
    border: 1px solid rgba(22, 127, 213, 0.08);
  }

  .bd-services-value-card h3 {
    color: var(--bd-heading);
    font-size: 1.2rem;
    margin-bottom: 0.8rem;
  }

  .bd-services-value-card p {
    color: var(--bd-muted);
    line-height: 1.8;
  }

  .bd-about-values__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }

  .bd-about-value-card {
    background: rgba(255, 255, 255, 0.96);
    border-radius: var(--bd-radius);
    padding: 1.7rem;
    box-shadow: var(--bd-shadow-sm);
    border: 1px solid rgba(22, 127, 213, 0.08);
  }

  .bd-about-value-card h3 {
    color: var(--bd-heading);
    font-size: 1.2rem;
    margin-bottom: 0.75rem;
  }

  .bd-about-value-card p {
    color: var(--bd-muted);
    line-height: 1.75;
  }

  .bd-about-cta {
    padding: 3.5rem 0 4rem;
  }

  .bd-about-cta__content {
    background: linear-gradient(135deg, var(--bd-primary), var(--bd-primary-dark));
    border-radius: var(--bd-radius-lg);
    color: #fff;
    padding: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    box-shadow: var(--bd-shadow-lg);
  }

  .bd-about-cta__text p {
    color: rgba(255, 255, 255, 0.84);
    margin-bottom: 0;
  }

  .bd-about-cta__text h2 {
    color: #fff;
  }

  .bd-contact-section__intro {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .bd-contact-section__details {
    display: grid;
    gap: 0.9rem;
    margin: 0.5rem 0 0.5rem;
  }

  .bd-contact-detail {
    background: #f7fafc;
    border: 1px solid rgba(22, 127, 213, 0.08);
    border-radius: 18px;
    padding: 1rem 1.1rem;
  }

  .bd-contact-detail strong {
    display: block;
    color: var(--bd-heading);
    margin-bottom: 0.35rem;
    font-size: 0.95rem;
  }

  .bd-contact-detail a,
  .bd-contact-detail span {
    color: var(--bd-muted);
    line-height: 1.7;
  }

  .bd-contact-form-card {
    background: #fff;
    border-radius: 28px;
    padding: 2.2rem;
    box-shadow: var(--bd-shadow);
    border: 1px solid rgba(22, 127, 213, 0.1);
  }

  .bd-contact-form-card__form {
    margin-top: 1.25rem;
  }

  .bd-contact-form-card .wpcf7-form {
    display: grid;
    gap: 1rem;
  }

  .bd-contact-form-card input,
  .bd-contact-form-card textarea,
  .bd-contact-form-card select {
    width: 100%;
    border: 1px solid rgba(23, 58, 89, 0.14);
    border-radius: 16px;
    padding: 0.95rem 1rem;
    font-family: 'Poppins', sans-serif;
    font-size: 0.96rem;
    color: var(--bd-text);
    background: #fff;
  }

  .bd-contact-form-card textarea {
    min-height: 160px;
    resize: vertical;
  }

  .bd-contact-form-card input:focus,
  .bd-contact-form-card textarea:focus,
  .bd-contact-form-card select:focus {
    outline: none;
    border-color: var(--bd-primary);
    box-shadow: 0 0 0 4px rgba(22, 127, 213, 0.12);
  }

  .bd-contact-form-card .wpcf7-submit {
    border: none;
    border-radius: 999px;
    padding: 1rem 1.6rem;
    background: linear-gradient(135deg, var(--bd-primary), var(--bd-primary-dark));
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 0.96rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 14px 34px rgba(22, 127, 213, 0.26);
  }

  .bd-contact-form-card .wpcf7-spinner {
    margin: 0.75rem 0 0;
  }

  /* =========== Footer Styles =========== */
  footer.bd-footer {
    background: linear-gradient(135deg, var(--bd-primary-dark) 0%, var(--bd-primary) 100%);
    color: #fff;
    padding: 2.75rem 0 1.5rem;
    margin-top: 3.25rem;
    width: 100%;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }

  .bd-footer__content {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 0.9fr)) minmax(0, 1.15fr);
    gap: 2.5rem;
    margin-bottom: 1.75rem;
    align-items: start;
  }

  .bd-footer__section h3 {
    color: #fff;
    margin: 0 0 1.1rem;
    font-size: 1.08rem;
    font-family: 'Poppins', sans-serif;
  }

  .bd-footer__section p {
    margin: 0 0 0.8rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.8;
    font-size: 0.95rem;
    max-width: 31ch;
  }

  .bd-footer__contact {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .bd-footer__contact-item {
    display: grid;
    grid-template-columns: 84px 1fr;
    align-items: start;
    gap: 0.35rem 0.9rem;
    color: rgba(255, 255, 255, 0.85);
  }

  .bd-footer__contact-item strong {
    color: #fff;
    min-width: 0;
    font-size: 0.95rem;
    font-weight: 700;
  }

  .bd-footer__links {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
  }

  .bd-footer__links a,
  .bd-footer__links span {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    transition: var(--bd-transition);
    font-size: 0.95rem;
    line-height: 1.5;
  }

  .bd-footer__divider {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0 0 1.25rem;
  }

  .bd-footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
  }

  .bd-footer__copyright {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.85rem;
    line-height: 1.5;
  }

  .bd-footer__social {
    display: flex;
    gap: 0.8rem;
  }

  .bd-footer__social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    transition: var(--bd-transition);
  }

  .bd-footer__social a:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
  }

  /* =========== Responsive Design =========== */
  @media (max-width: 1024px) {
    .bd-hero {
      grid-template-columns: 1fr;
      border-radius: 0 0 24px 24px;
      padding: 4rem 0 3rem;
    }

    .bd-hero__media {
      order: -1;
      min-height: auto;
    }

    .bd-transform__layout {
      grid-template-columns: 1fr;
      gap: 2rem;
    }

    .bd-remodeling-experience__grid {
      grid-template-columns: repeat(2, 1fr);
    }

    .bd-trust {
      padding: 3rem 1.5rem;
    }

    .bd-trust__content {
      grid-template-columns: 1fr;
    }

    .bd-trust__pillars {
      grid-template-columns: 1fr;
    }

    .bd-cta__content {
      flex-direction: column;
      align-items: flex-start;
    }

    .bd-about-story__layout,
    .bd-about-section__layout,
    .bd-services-detail__layout,
    .bd-contact-section__layout {
      grid-template-columns: 1fr;
    }

    .bd-about-services__grid {
      grid-template-columns: 1fr;
    }

    .bd-about-section__intro {
      position: static;
    }

    .bd-about-section__profiles,
    .bd-about-profiles,
    .bd-about-values__grid {
      grid-template-columns: 1fr;
    }

    .bd-service-single-content__layout {
      grid-template-columns: 1fr;
    }

    .bd-services-detail__lists,
    .bd-services-values__grid {
      grid-template-columns: 1fr;
    }

    .bd-about-cta__content {
      flex-direction: column;
      align-items: flex-start;
    }

    .bd-hero__title {
      font-size: 3rem;
    }

    .bd-featured-project {
      grid-template-columns: 1fr;
    }

    .bd-insights__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bd-insight-card--empty {
      grid-template-columns: 1fr;
    }

    .bd-home-contact__layout {
      grid-template-columns: 1fr;
    }

    .bd-carousel__slide img {
      height: 300px;
    }

    .bd-hero__image-wrapper {
      width: min(100%, 560px);
    }

    .bd-hero__floating-card--top {
      left: 0.5rem;
    }

    .bd-hero__floating-card--bottom {
      right: 0.5rem;
      bottom: 1rem;
    }
  }

  @media (max-width: 768px) {
    .container {
      padding-left: 1rem;
      padding-right: 1rem;
    }

    .bd-home {
      gap: 3.5rem;
      padding-bottom: 3rem;
    }

    .bd-header__content {
      gap: 1rem;
    }

    .bd-header__logo {
      max-width: 100%;
      flex: 1 1 auto;
    }

    .bd-header__logo .custom-logo-link {
      width: 100%;
    }

    .bd-header__logo img {
      width: 100%;
      max-width: 180px;
      height: auto;
      object-fit: contain;
    }

    .bd-header__nav {
      display: none;
      position: absolute;
      top: calc(100% + 0.75rem);
      left: 1.25rem;
      right: 1.25rem;
      margin-left: 0;
      padding: 1rem;
      background: #fff;
      border-radius: 20px;
      box-shadow: 0 20px 50px rgba(18, 49, 78, 0.14);
      border: 1px solid rgba(22, 127, 213, 0.08);
    }

    .bd-header__toggle {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      border-radius: 12px;
      border: 1px solid rgba(22, 127, 213, 0.12);
      background: #fff;
      box-shadow: 0 10px 24px rgba(23, 58, 89, 0.08);
    }

    .bd-header__nav.is-open {
      display: flex;
    }

    .bd-header__nav ul,
    .bd-header__menu {
      width: 100%;
      flex-direction: column;
      align-items: flex-start;
      gap: 1rem;
    }

    .bd-header__cta {
      display: none;
    }

    .bd-hero {
      grid-template-columns: 1fr;
      padding: 3rem 0 2.5rem;
    }

    .bd-hero__content {
      padding: 0 1rem;
    }

    .bd-hero__title {
      font-size: 2.4rem;
      max-width: 11ch;
    }

    
    .bd-hero__cta {
      flex-direction: column;
      gap: 0.8rem;
    }

    .bd-btn {
      padding: 0.85rem 1.4rem;
      font-size: 0.9rem;
      width: 100%;
      justify-content: center;
    }

    .bd-transform__layout {
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }

    .bd-transform__image img {
      width: 100%;
      height: 320px;
      object-fit: cover;
    }

    .bd-transform__content h2 {
      font-size: 1.8rem;
    }

    .bd-remodeling-experience__title {
      font-size: 1.8rem;
    }

    .bd-remodeling-experience__grid {
      grid-template-columns: 1fr;
    }

    .bd-section-head h2 {
      font-size: 2rem;
    }

    .bd-trust {
      gap: 2rem;
    }

    .bd-trust__content,
    .bd-trust__pillars {
      grid-template-columns: 1fr;
    }

    .bd-hero__highlights {
      flex-direction: column;
      gap: 0.65rem;
    }

    .bd-hero__media {
      order: 2;
      padding: 0 1.5rem;
      min-height: auto;
    }

    .bd-hero__photo {
      height: 360px;
    }

    .bd-hero__floating-card {
      display: none;
    }

    .bd-service-grid,
    .bd-showcase__grid,
    .bd-insights__grid {
      grid-template-columns: 1fr;
      gap: 1.2rem;
    }

    .bd-remodeling-experience__item,
    .bd-service-card,
    .bd-card,
    .bd-home-contact__form-card,
    .bd-service-single-content__copy,
    .bd-service-single-sidebar__card {
      width: 100%;
      min-width: 0;
    }

    .bd-remodeling-experience__item img {
      height: 240px;
    }

    .bd-google-reviews__header {
      padding: 1.5rem;
      text-align: center;
    }

    .bd-google-reviews__brand,
    .bd-google-reviews__rating {
      justify-content: center;
    }

    .bd-process__steps {
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }

    .bd-cta__content {
      padding: 2rem;
    }

    .bd-page-hero {
      min-height: 380px;
    }

    .bd-page-hero__content {
      padding: 4rem 1.5rem;
    }

    .bd-about-story,
    .bd-contact-section,
    .bd-about-values,
    .bd-services-page-main,
    .bd-services-values,
    .bd-home-contact,
    .bd-service-single-content,
    .bd-service-single-related {
      padding: 3rem 0;
    }

    .bd-about-story__content h2,
    .bd-contact-section__intro h2,
    .bd-contact-form-card h2,
    .bd-about-cta__text h2 {
      font-size: 2rem;
    }

    .bd-home-contact__intro h2,
    .bd-home-contact__form-card h3,
    .bd-service-single-content__copy h2,
    .bd-service-single-sidebar__card h3 {
      font-size: 2rem;
    }

    .bd-cta h2 {
      font-size: 1.6rem;
    }

    .bd-featured-project {
      padding: 1.5rem;
    }

    .bd-carousel__slide img {
      height: 250px;
    }

    .bd-footer__content {
      grid-template-columns: 1fr;
      gap: 1.6rem;
    }

    .bd-footer__bottom {
      flex-direction: column;
      text-align: center;
    }

    .bd-footer__section,
    .bd-footer__contact {
      text-align: left;
    }

    .bd-footer__contact-item {
      grid-template-columns: 72px 1fr;
    }

    .bd-card--with-icon {
      padding-top: 1.4rem;
    }

    .bd-card__icon {
      position: static;
      margin-bottom: 1rem;
    }

    .bd-google-review {
      flex-basis: 100%;
      min-height: auto;
    }
  }

  @media (max-width: 480px) {
    .container {
      padding-left: 0.875rem;
      padding-right: 0.875rem;
    }

    .bd-home {
      gap: 2.5rem;
      padding-bottom: 2rem;
    }

    .bd-header__logo img {
      width: 100%;
      max-width: 160px;
      height: auto;
    }

    .bd-header__logo span {
      font-size: 1rem;
    }

    .bd-hero {
      padding: 2rem 0 1.5rem;
      border-radius: 0 0 16px 16px;
    }

    .bd-hero__title {
      font-size: 1.95rem;
      margin-bottom: 0.8rem;
    }


    .bd-hero__cta {
      flex-direction: column;
    }

    .bd-btn {
      width: 100%;
    }

    .bd-hero__highlights span {
      width: 100%;
      justify-content: center;
    }

    .bd-hero__media {
      padding: 0 1rem;
    }

    .bd-hero__photo {
      height: 280px;
    }

    .bd-transform__image img,
    .bd-remodeling-experience__item img,
    .bd-service-card__image-wrapper {
      height: 220px;
    }

    .bd-section-head h2 {
      font-size: 1.5rem;
    }

    .bd-section-head p {
      font-size: 0.95rem;
    }

    .bd-card {
      padding: 1.2rem;
    }

    .bd-trust__pillars {
      grid-template-columns: 1fr;
    }

    .bd-google-reviews__header {
      padding: 1.25rem;
    }

    .bd-home-contact__detail {
      padding: 0.95rem 1rem;
    }

    .bd-cta__content {
      padding: 1.5rem;
    }

    .bd-page-hero {
      min-height: 320px;
    }

    .bd-page-hero__content {
      padding: 3rem 1rem;
    }

    .bd-page-hero__content h1 {
      font-size: 2rem;
    }

    .bd-home-contact__form-card {
      padding: 1.5rem;
    }

    .bd-service-single-content__copy,
    .bd-service-single-sidebar__card {
      padding: 1.5rem;
    }

    .bd-contact-form-card {
      padding: 1.5rem;
    }

    .bd-cta h2 {
      font-size: 1.4rem;
    }

    .bd-carousel__controls {
      gap: 1rem;
    }

    .bd-carousel__slide img {
      height: 200px;
    }

    .bd-carousel__btn {
      width: 36px;
      height: 36px;
      font-size: 1rem;
    }

    .bd-carousel__info h3 {
      font-size: 1.4rem;
    }

    .bd-google-reviews__header {
      padding: 1.5rem;
    }

    .bd-google-review {
      padding: 1.2rem;
      flex-basis: 100%;
    }

    .bd-footer__content {
      grid-template-columns: 1fr;
    }

    .bd-footer__contact-item {
      grid-template-columns: 1fr;
      gap: 0.25rem;
    }

    .bd-footer__social {
      justify-content: center;
    }

  .bd-review-carousel__controls {
      display: grid;
      grid-template-columns: 106px auto 33px;
      align-items: center;
      gap: 0.65rem;
      width: fit-content;
      max-width: none;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1.25rem;
      justify-content: center;
    }

    .bd-review-carousel__btn {
      width: 52px;
      height: 38px;
      justify-self: center;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid rgba(31, 92, 147, 0.2);
      color: #1f5c93;
      box-shadow: 0 12px 30px rgba(20, 56, 90, 0.08);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
    }

    .bd-review-carousel__btn svg {
      width: 16px;
      height: 16px;
    }

    .bd-review-carousel__btn--next {
      border-color: rgba(111, 170, 96, 0.65);
      color: #7ab069;
    }

    .bd-review-carousel__dots {
      gap: 0.45rem;
      order: 0;
      width: auto;
      justify-content: center;
      overflow: visible;
      min-width: 0;
      display: flex;
    }

    .bd-service-carousel .bd-review-carousel__dots {
      display: none;
    }

    .bd-review-carousel__dot {
      width: 30px;
      height: 26px;
      border-radius: 999px;
      background: #dfe6ec;
      opacity: 1;
      flex: 0 0 auto;
    }

    .bd-review-carousel__dot.is-mobile-hidden {
      display: none;
    }

  .bd-review-carousel__dot.is-active {
      width: 52px;
      background: linear-gradient(135deg, #255d8e, #1b476e);
    }
  }

  /* =========== Homepage Refresh =========== */
  .bd-header {
    background: rgba(255, 255, 255, 0.94);
    border-bottom: 1px solid rgba(23, 58, 89, 0.08);
    padding: 0.35rem 0;
    box-shadow: 0 18px 45px rgba(23, 58, 89, 0.08);
    backdrop-filter: blur(14px);
  }

  .bd-header__content {
    min-height: 118px;
  }

  .bd-header__logo {
    max-width: 360px;
  }

  .bd-header__logo img {
    max-height: 118px;
    max-width: 330px;
    width: auto;
    filter: saturate(1.15) contrast(1.02) brightness(0.92) hue-rotate(-8deg);
  }

  .bd-header__nav a,
  .bd-header__nav span {
    color: var(--bd-heading-dark);
    font-weight: 600;
    letter-spacing: 0.01em;
  }

  .bd-header__cta .bd-btn {
    border-radius: 999px;
    box-shadow: none;
  }

  .bd-hero {
    background: transparent;
    min-height: 0;
    padding: 3rem 0 4.5rem;
    display: block;
    margin-left: 0;
    margin-right: 0;
  }

  .bd-hero::before,
  .bd-hero__overlay,
  .bd-hero__gradient-accent,
  .bd-hero__floating-card {
    display: none;
  }

  .bd-hero__shell {
    display: grid;
    grid-template-columns: minmax(0, 0.84fr) minmax(460px, 1.16fr);
    gap: 4rem;
    align-items: center;
  }

  .bd-hero__content {
    padding: 0;
    max-width: 100%;
  }

  .bd-home .bd-hero .bd-kicker {
    color: var(--bd-primary) !important;
  }

  .bd-hero__text-block {
    max-width: 560px;
    color: var(--bd-heading-dark);
  }

  .bd-hero .bd-kicker {
    color: var(--bd-primary);
    letter-spacing: 0.18em;
  }

  .bd-hero__title {
    color: #15314d;
    font-size: clamp(2.4rem, 3.2vw, 4.1rem);
    line-height: 1.06;
    letter-spacing: -0.04em;
    max-width: 11ch;
    margin: 0.9rem 0 1.35rem;
    opacity: 1;
    animation: none;
    font-weight: 700;
  }

  .bd-home .bd-hero__title {
    color: #15314d !important;
  }


  .bd-hero__cta {
    opacity: 1;
    animation: none;
    margin-bottom: 0;
    gap: 0.9rem;
  }

  .bd-btn {
    border-radius: 999px;
  }

  .bd-hero .bd-btn {
    min-width: 204px;
  }

  .bd-btn--primary {
    background: linear-gradient(135deg, #19476d, #2b6b96);
    box-shadow: 0 18px 40px rgba(25, 71, 109, 0.18);
  }

  .bd-btn--primary:hover {
    background: linear-gradient(135deg, #163d5f, #245a7f);
    box-shadow: 0 20px 45px rgba(25, 71, 109, 0.22);
    color: #fff !important;
  }

  .bd-btn--secondary {
    background: #fff;
    color: var(--bd-heading-dark);
    border-color: rgba(21, 49, 77, 0.14);
    box-shadow: 0 12px 28px rgba(23, 58, 89, 0.08);
  }

  .bd-btn--secondary:hover {
    background: #f5f8fb;
    color: var(--bd-heading-dark);
    border-color: rgba(21, 49, 77, 0.2);
  }

  .bd-hero__media {
    min-height: 0;
    justify-content: flex-end;
  }

  .bd-hero__image-wrapper {
    width: 100%;
    max-width: 760px;
    border-radius: 34px;
    border: 0;
    box-shadow: 0 34px 80px rgba(23, 58, 89, 0.14);
    opacity: 1;
    animation: none;
    overflow: hidden;
  }

  .bd-hero__image-wrapper--animated {
    animation: none;
  }

  .bd-hero__image-overlay {
    background:
      linear-gradient(180deg, rgba(14, 35, 54, 0.02) 0%, rgba(14, 35, 54, 0.14) 100%),
      linear-gradient(135deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.08) 100%);
  }

  .bd-hero__photo {
    height: 680px;
  }

  .bd-transform,
  .bd-services,
  .bd-google-reviews,
  .bd-home-contact,
  .bd-cta {
    margin-left: 0;
    margin-right: 0;
  }

  .bd-transform {
    padding: 4rem 0;
    background: transparent;
  }

  .bd-transform__layout {
    grid-template-columns: minmax(320px, 0.92fr) minmax(0, 1.08fr);
    gap: 3rem;
    padding: 0;
  }



  .bd-transform__image {
    border-radius: 28px;
    box-shadow: 0 24px 60px rgba(23, 58, 89, 0.12);
  }

  .bd-transform__image img {
    min-height: 100%;
    object-fit: cover;
  }

  .bd-transform__content {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 28px;
    padding: 2.4rem;
    border: 1px solid rgba(21, 49, 77, 0.06);
    box-shadow: 0 20px 45px rgba(23, 58, 89, 0.08);
  }

  .bd-transform__content h2,
  .bd-trust__text h2,
  .bd-section-head h2,
  .bd-home-contact__intro h2,
  .bd-cta h2 {
    color: #15314d;
  }

  .bd-transform__subtitle {
    color: var(--bd-primary);
    font-size: 0.8rem;
    letter-spacing: 0.18em;
  }

  .bd-transform__content p {
    color: #5c6b79;
  }

  .bd-remodeling-experience {
    padding: 0 0 4rem;
    background: transparent;
  }

  .bd-remodeling-experience__title {
    color: #15314d;
    text-transform: none;
    letter-spacing: -0.03em;
    margin-bottom: 2rem;
  }

  .bd-remodeling-experience__grid {
    gap: 1.5rem;
  }

  .bd-remodeling-experience__item {
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(23, 58, 89, 0.08);
  }

  .bd-trust {
    padding: 2rem 1.5rem 4rem;
  }

  .bd-trust__content {
    gap: 2.2rem;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  }

  .bd-trust__text {
    background: transparent;
    padding-top: 1rem;
  }

  .bd-trust__text p {
    color: #5c6b79;
  }

  .bd-trust__pillars {
    gap: 1.25rem;
  }

  .bd-card,
  .bd-service-card,
  .bd-home-contact__form-card,
  .bd-google-reviews__container {
    border: 1px solid rgba(21, 49, 77, 0.06);
    box-shadow: 0 18px 45px rgba(23, 58, 89, 0.08);
  }

  .bd-card {
    border-radius: 24px;
    padding: 1.9rem;
  }

  .bd-card__icon {
    background: linear-gradient(135deg, #19476d, #2b6b96);
    box-shadow: 0 14px 30px rgba(25, 71, 109, 0.2);
  }

  .bd-services {
    background: linear-gradient(180deg, rgba(240, 244, 248, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
    padding: 4rem 0;
  }


  .bd-section-head p,
  .bd-home-contact__intro p,
  .bd-cta p {
    color: #5c6b79;
  }

  .bd-service-grid {
    gap: 1.5rem;
  }

  .bd-service-card {
    border-radius: 24px;
  }

  .bd-service-card:not(:has(.bd-service-card__image-wrapper)) .bd-service-card__body {
    padding-top: 2rem;
  }

  .bd-service-card__image-wrapper {
    height: 250px;
  }

  .bd-service-card__overlay {
    background: linear-gradient(180deg, rgba(10, 26, 42, 0.04) 0%, rgba(10, 26, 42, 0.22) 100%);
  }

  .bd-service-card__body {
    padding: 1.6rem;
  }

  .bd-google-reviews {
    padding: 1rem 0 4rem;
    background: transparent;
  }

  .bd-google-reviews__container {
    border-radius: 28px;
    overflow: hidden;
  }

  .bd-home-contact {
    padding: 1rem 0 4rem;
    background: transparent;
  }

  .bd-home-contact__layout {
    gap: 2rem;
  }

  .bd-home-contact__intro,
  .bd-home-contact__form-card {
    border-radius: 28px;
  }

  .bd-home-contact__intro {
    background: #15314d;
    color: #fff;
    padding: 2.5rem;
  }

  .bd-home-contact__intro .bd-kicker,
  .bd-home-contact__intro h2,
  .bd-home-contact__intro p,
  .bd-home-contact__detail strong,
  .bd-home-contact__detail a {
    color: #fff;
  }

  .bd-home-contact__detail {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
  }

  .bd-home-contact__form-card {
    background: rgba(255, 255, 255, 0.94);
    padding: 2.4rem;
  }

  .bd-cta {
    padding: 0 0 4.5rem;
  }

  .bd-cta__content {
    border-radius: 30px;
    background: linear-gradient(135deg, #15314d 0%, #245980 100%);
    box-shadow: 0 24px 60px rgba(23, 58, 89, 0.14);
  }

  @media (max-width: 1024px) {
    .bd-header__logo {
      max-width: 300px;
    }

    .bd-header__logo img {
      max-height: 102px;
      max-width: 280px;
    }

    .bd-hero {
      padding: 1.25rem 0 3.5rem;
    }

    .bd-hero__shell,
    .bd-transform__layout,
    .bd-trust__content,
    .bd-home-contact__layout {
      grid-template-columns: 1fr;
    }

    .bd-hero__media {
      justify-content: center;
    }

    .bd-hero__image-wrapper {
      max-width: 100%;
    }

    .bd-hero__photo {
      height: 560px;
    }

    .bd-trust {
      padding-bottom: 3rem;
    }
  }

  @media (max-width: 768px) {
    .bd-header {
      padding: 0.2rem 0;
    }

    .bd-header__content {
      min-height: 96px;
    }

    .bd-header__logo img {
      max-width: 230px;
      max-height: 84px;
    }

    .bd-hero {
      padding: 1rem 0 3rem;
    }

    .bd-hero__shell {
      gap: 2.2rem;
    }

    .bd-hero__title {
      max-width: none;
      font-size: 2.15rem;
    }

    .bd-subtitle {
      font-size: 0.98rem;
    }

    .bd-hero__cta {
      flex-direction: column;
    }

    .bd-hero .bd-btn {
      min-width: 0;
    }

    .bd-hero__photo {
      height: 420px;
    }

    .bd-transform,
    .bd-services,
    .bd-google-reviews,
    .bd-home-contact {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }

    .bd-transform__content,
    .bd-home-contact__intro,
    .bd-home-contact__form-card,
    .bd-cta__content {
      padding: 2rem;
    }

    .bd-trust {
      padding: 0 1rem 3rem;
    }

    .bd-trust__pillars {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 480px) {
    .bd-header__content {
      min-height: 88px;
    }

    .bd-header__logo img {
      max-width: 205px;
      max-height: 76px;
    }

  

  

    .bd-hero__photo {
      height: 320px;
    }

    .bd-transform__content,
    .bd-home-contact__intro,
    .bd-home-contact__form-card {
      padding: 1.5rem;
    }
  }


  .bd-hero {
    position: relative;
    padding: 3.25rem 0 5rem;
  }

  .bd-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 220px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(238, 244, 250, 0.8) 100%);
    pointer-events: none;
  }

  .bd-hero--with-bg {
    min-height: 720px;
    display: flex;
    align-items: flex-end;
    background-color: #18324b;
    background-image: var(--bd-hero-bg-image);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .bd-hero--with-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg, rgba(7, 18, 28, 0.78) 0%, rgba(7, 18, 28, 0.62) 32%, rgba(7, 18, 28, 0.24) 62%, rgba(7, 18, 28, 0.12) 100%),
      linear-gradient(180deg, rgba(7, 18, 28, 0.14) 0%, rgba(7, 18, 28, 0.28) 100%);
    border-radius: 0 0 34px 34px;
  }

  .bd-hero__shell {
    grid-template-columns: minmax(0, 1.02fr) minmax(440px, 0.98fr);
    gap: 3.5rem;
    position: relative;
    z-index: 1;
  }

  .bd-hero__text-block {
    max-width: 640px;
  }

  .bd-hero__panel {
    max-width: 620px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(21, 49, 77, 0.08);
    border-radius: 28px;
    padding: 2rem 2rem 2.15rem;
    box-shadow: 0 24px 60px rgba(10, 26, 42, 0.18);
    backdrop-filter: blur(10px);
  }

  .bd-hero--with-bg .bd-hero__panel {
    max-width: 680px;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
  }

  .bd-hero__title {
    font-size: clamp(2.5rem, 3vw, 4rem);
    max-width: 13ch;
    line-height: 1.08;
  }



  .bd-hero__cta {
    flex-wrap: nowrap;
  }

  .bd-hero .bd-btn {
    min-width: 220px;
  }

  .bd-hero--with-bg .bd-hero__shell {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .bd-hero--with-bg .bd-kicker {
    color: rgba(255, 255, 255, 0.82) !important;
  }

  .bd-hero--with-bg .bd-hero__title {
    color: #ffffff !important;
    font-size: clamp(2.9rem, 4vw, 5rem);
    max-width: 11ch;
    line-height: 1.04;
  }



  .bd-hero--with-bg .bd-hero__content {
    padding-bottom: 2.25rem;
  }

  .bd-hero--with-bg .bd-hero__cta {
    margin-top: 1.75rem;
  }

  .bd-hero--with-bg .bd-btn--secondary {
    background: rgba(255, 255, 255, 0.95);
    color: #173a59;
    border-color: rgba(255, 255, 255, 0.95);
  }

  .bd-hero--with-bg .bd-btn--secondary:hover {
    background: #ffffff;
    color: #173a59;
  }

  .bd-hero--with-bg .bd-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
    max-width: 760px;
  }

  .bd-hero--with-bg .bd-hero__stat-card {
    padding: 1.2rem 1.4rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 16px 35px rgba(7, 18, 28, 0.12);
    backdrop-filter: blur(10px);
  }

  .bd-hero--with-bg .bd-hero__stat-card span {
    display: block;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.92rem;
    line-height: 1.6;
  }

  .bd-hero--with-bg .bd-hero__stat-card strong {
    display: block;
    margin-top: 0.55rem;
    color: #ffffff;
    font-size: 1.02rem;
    line-height: 1.4;
  }

  .bd-transform {
    position: relative;
    padding: 2rem 0 4.5rem;
  }

  .bd-transform::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 2.5rem;
    bottom: 0.5rem;
    background:
      linear-gradient(180deg, rgba(233, 240, 247, 0.72) 0%, rgba(255, 255, 255, 0.92) 100%);
    border-radius: 40px;
    margin: 0 1.25rem;
    pointer-events: none;
  }

  .bd-transform > .container {
    position: relative;
    z-index: 1;
  }

  .bd-transform__content {
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 24px 55px rgba(23, 58, 89, 0.09);
  }

  .bd-transform--with-bg::before {
    inset: 0.75rem 0 0.5rem 0;
    margin: 0 1.25rem;
    border-radius: 40px;
    background:
      linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.88) 38%, rgba(24, 70, 109, 0.34) 100%),
      var(--bd-transform-bg-image) center/cover no-repeat;
    box-shadow: 0 30px 70px rgba(23, 58, 89, 0.1);
  }

  .bd-transform--with-bg .bd-transform__layout {
    grid-template-columns: minmax(0, 0.95fr);
    min-height: 460px;
    align-items: center;
  }

  .bd-transform--with-bg .bd-transform__content {
    max-width: 760px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
  }

  .bd-home-team {
    position: relative;
    padding: 1rem 0 4.5rem;
  }

  .bd-home-team::before {
    content: "";
    position: absolute;
    inset: 0.5rem 0 0 0;
    background:
      linear-gradient(180deg, rgba(246, 249, 252, 0.92) 0%, rgba(255, 255, 255, 0.98) 100%);
    border-radius: 34px;
    margin: 0 1.25rem;
    z-index: 0;
  }

  .bd-home-team > .container {
    position: relative;
    z-index: 1;
  }

  .bd-home-team__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.75rem;
  }

  .bd-home-team__card {
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(21, 49, 77, 0.06);
    border-radius: 28px;
    padding: 1.35rem;
    box-shadow: 0 20px 48px rgba(23, 58, 89, 0.08);
    min-height: 100%;
  }

  .bd-home-team__card--no-image {
    padding-top: 1.75rem;
  }

  .bd-home-team__image {
    border-radius: 22px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    background: linear-gradient(180deg, #edf3f8 0%, #dfe8f0 100%);
    margin-bottom: 1.2rem;
  }

  .bd-home-team__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .bd-home-team__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  .bd-home-team__body h3 {
    color: #15314d;
    font-size: 1.45rem;
    margin-bottom: 0.35rem;
    line-height: 1.2;
  }

  .bd-home-team__role {
    color: var(--bd-primary);
    font-size: 0.84rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 0.9rem;
  }

  .bd-home-team__body p:last-child {
    color: #5c6b79;
    line-height: 1.85;
    font-size: 0.98rem;
    word-break: normal;
    overflow-wrap: break-word;
  }

  .bd-trust {
    position: relative;
    padding: 2.5rem 1.5rem 4.5rem;
  }

  .bd-trust::before {
    content: "";
    position: absolute;
    inset: 0.75rem 0 0 0;
    background:
      radial-gradient(circle at 20% 20%, rgba(22, 127, 213, 0.06), transparent 22%),
      linear-gradient(180deg, rgba(247, 250, 253, 0.95) 0%, rgba(255, 255, 255, 0.98) 100%);
    border-radius: 34px;
    z-index: 0;
  }

  .bd-trust > * {
    position: relative;
    z-index: 1;
  }

  .bd-card {
    background: rgba(255, 255, 255, 0.92);
  }

  .bd-card h3 {
    font-size: 1.08rem;
  }

  .bd-card p {
    line-height: 1.8;
  }

  .bd-services {
    position: relative;
    padding: 4.5rem 0;
    background:
      linear-gradient(180deg, rgba(244, 247, 250, 0.95) 0%, rgba(255, 255, 255, 1) 100%);
  }


  .bd-service-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .bd-service-card {
    position: relative;
    background: rgba(255, 255, 255, 0.96);
    min-height: 100%;
  }

  .bd-service-card::before {
    content: "";
    position: absolute;
    left: 1.6rem;
    right: 1.6rem;
    top: 0;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #1b4d74 0%, #2d84d6 100%);
  }

  .bd-service-card__body {
    padding-top: 2rem;
  }

  .bd-service-card__body h3 {
    font-size: 1.3rem;
  }

  .bd-google-reviews {
    position: relative;
    padding: 2rem 0 4.25rem;
  }

  .bd-google-reviews::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 80% 18%, rgba(22, 127, 213, 0.06), transparent 18%),
      linear-gradient(180deg, rgba(248, 250, 252, 0.72) 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
  }

  .bd-google-reviews > .container {
    position: relative;
    z-index: 1;
  }

  .bd-google-reviews__container {
    background: rgba(255, 255, 255, 0.96);
  }

  .bd-insights {
    position: relative;
    padding: 1.5rem 0 4.5rem;
  }

  .bd-insights::before {
    content: "";
    position: absolute;
    inset: 0.75rem 0 0 0;
    background:
      radial-gradient(circle at 82% 14%, rgba(22, 127, 213, 0.06), transparent 18%),
      linear-gradient(180deg, rgba(246, 249, 252, 0.86) 0%, rgba(255, 255, 255, 0.98) 100%);
    border-radius: 34px;
    margin: 0 1.25rem;
    z-index: 0;
  }

  .bd-insights > .container {
    position: relative;
    z-index: 1;
  }

  .bd-insights__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 2rem;
  }

  .bd-post-carousel .bd-review-carousel__slide {
    flex: 0 0 calc((100% - 1.5rem) / 2);
  }

  .bd-post-carousel .bd-review-carousel__viewport {
    overflow: hidden;
  }

  .bd-post-carousel .bd-insight-card {
    height: 100%;
    border-radius: 26px;
  }

  .bd-post-carousel .bd-insight-card__image {
    height: 210px;
  }

  .bd-post-carousel .bd-insight-card__body p:last-of-type {
    color: #5c6b79;
    line-height: 1.8;
  }

  .bd-post-carousel .bd-insight-card__body {
    min-height: 250px;
  }

  .bd-post-carousel .bd-review-carousel__controls {
    margin-top: 1.5rem;
    justify-content: center;
  }

  .bd-post-carousel .bd-review-carousel__btn {
    background: #ffffff;
    border: 1px solid rgba(21, 49, 77, 0.1);
    color: var(--bd-heading-dark);
  }

  .bd-post-carousel .bd-review-carousel__btn:hover {
    background: #edf4fb;
  }

  .bd-home-contact {
    padding: 1.5rem 0 4.5rem;
  }

  .bd-home-contact__layout {
    align-items: start;
  }

  .bd-home-contact__intro,
  .bd-home-contact__form-card {
    box-shadow: 0 24px 55px rgba(23, 58, 89, 0.1);
  }

  .bd-cta {
    padding: 0 0 5rem;
  }

  .bd-cta__content {
    position: relative;
    overflow: hidden;
    min-height: 210px;
    background: linear-gradient(135deg, #18466d 0%, #215682 55%, #266392 100%);
  }

  .bd-cta__content::after {
    content: "";
    position: absolute;
    right: -40px;
    top: -20px;
    width: 240px;
    height: 240px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 70%);
  }

.bd-cta .bd-kicker,
.bd-cta h2,
.bd-cta p {
  color: #ffffff !important;
}

.bd-cta .bd-kicker {
  opacity: 0.8;
}

@media (max-width: 768px) {
  .home .bd-cta {
    padding: 10px;
  }

  .home .bd-cta__content {
    min-height: auto;
    padding: 1.35rem 1rem;
    border-radius: 22px;
    gap: 1rem;
  }

  .home .bd-cta__text {
    width: 100%;
  }

  .home .bd-cta .bd-kicker {
    margin-bottom: 0.45rem;
    font-size: 0.72rem;
    letter-spacing: 0.16em;
  }

  .home .bd-cta h2 {
    font-size: 1.55rem;
    line-height: 1.15;
    margin: 0 0 0.65rem;
  }

  .home .bd-cta p {
    font-size: 0.94rem;
    line-height: 1.65;
    margin: 0;
  }

  .home .bd-cta .bd-btn {
    width: 100%;
    justify-content: center;
    margin-top: 0.25rem;
  }
}

footer.bd-footer {
  background: linear-gradient(180deg, #215f97 0%, #1f5a90 100%);
}

  .bd-footer__bottom {
    border-top-color: rgba(255, 255, 255, 0.12);
  }

  /* =========== Services Refresh =========== */
  .bd-page--services {
    background:
      linear-gradient(180deg, #fbfaf8 0%, #ffffff 24%, #f7fafc 100%);
  }

  .bd-services-hero {
    position: relative;
    padding: 3rem 0 4.5rem;
  }

  .bd-services-hero--with-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg, rgba(10, 26, 42, 0.76) 0%, rgba(10, 26, 42, 0.56) 32%, rgba(10, 26, 42, 0.18) 100%),
      var(--bd-services-hero-image) center/cover no-repeat;
    border-radius: 0 0 34px 34px;
  }

  .bd-services-hero__shell {
    position: relative;
    z-index: 1;
    min-height: 620px;
    display: flex;
    align-items: flex-end;
  }

  .bd-services-hero__panel {
    max-width: 620px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(21, 49, 77, 0.08);
    border-radius: 28px;
    padding: 2rem;
    box-shadow: 0 24px 60px rgba(10, 26, 42, 0.18);
    backdrop-filter: blur(10px);
  }

  .bd-services-hero__panel h1 {
    color: #173a59;
    font-size: clamp(2.6rem, 3vw, 4.1rem);
    line-height: 1.06;
    margin: 0.8rem 0 1rem;
  }

.bd-services-hero__panel p:last-of-type {
  color: #546678;
  line-height: 1.9;
  margin-bottom: 1.6rem;
}

.bd-page--about {
  background: linear-gradient(180deg, #fbfaf8 0%, #ffffff 24%, #f7fafc 100%);
}

.bd-page-hero--about {
  min-height: 560px;
  justify-content: center;
  text-align: center;
}

.bd-page-hero--about .bd-page-hero__overlay {
  background:
    linear-gradient(180deg, rgba(11, 27, 43, 0.56) 0%, rgba(11, 27, 43, 0.42) 45%, rgba(11, 27, 43, 0.58) 100%);
}

.bd-page-hero--about .bd-page-hero__content {
  max-width: 900px;
  margin: 0 auto;
  padding: 6rem 1.5rem 5.25rem;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.bd-page-hero--about .bd-page-hero__content .bd-kicker,
.bd-page-hero--about .bd-page-hero__content h1,
.bd-page-hero--about .bd-page-hero__content p {
  color: #ffffff;
}

.bd-page-hero--about .bd-page-hero__content .bd-kicker {
  letter-spacing: 0.2em;
}

.bd-page-hero--about .bd-page-hero__content h1 {
    margin: 0.85rem auto 1rem;
    font-size: 40px;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
}

.bd-page-hero--about .bd-page-hero__content p:last-child {
  max-width: 52rem;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.92);
  font-size: 1.08rem;
}

.bd-page--services {
  background: linear-gradient(180deg, #fbfaf8 0%, #ffffff 24%, #f7fafc 100%);
}

.bd-page-hero--services {
  min-height: 620px;
  justify-content: center;
  text-align: center;
}

.bd-page-hero--services .bd-page-hero__overlay {
  background:
    linear-gradient(180deg, rgba(11, 27, 43, 0.48) 0%, rgba(11, 27, 43, 0.3) 46%, rgba(11, 27, 43, 0.44) 100%);
}

.bd-page-hero--services .bd-page-hero__content {
  max-width: 920px;
  margin: 0 auto;
  padding: 5.6rem 1.5rem 5rem;
}

.bd-page-hero--services .bd-page-hero__content .bd-kicker,
.bd-page-hero--services .bd-page-hero__content h1,
.bd-page-hero--services .bd-page-hero__content p {
  color: #ffffff;
}

.bd-page-hero--services .bd-page-hero__content .bd-kicker {
  letter-spacing: 0.2em;
}

.bd-page-hero--services .bd-page-hero__content h1 {
  max-width: 16ch;
  margin: 0.75rem auto 1.15rem;
  font-size: clamp(2.7rem, 4.5vw, 4.7rem);
  line-height: 1.12;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.bd-page-hero--services .bd-page-hero__content > p:not(.bd-kicker) {
  max-width: 50rem;
  margin: 0 auto 1.9rem;
  color: rgba(255, 255, 255, 0.92);
  font-size: 1.08rem;
  line-height: 1.72;
  text-wrap: balance;
}

.bd-page-hero--services .bd-page-hero__content .bd-btn {
  min-width: clamp(250px, 32vw, 360px);
  padding: 1.05rem 2.35rem;
  font-size: 1.05rem;
}

.bd-about-services--services {
  margin-top: 0;
  padding: 3.5rem 0 2.5rem;
}

.bd-services-post-card {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(21, 49, 77, 0.08);
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 22px 55px rgba(10, 26, 42, 0.09);
  display: flex;
  flex-direction: column;
  min-height: 100%;
  text-decoration: none;
}

.bd-services-post-card__image {
  display: block;
  width: 100%;
  min-height: 220px;
  background: #edf4fb;
}

.bd-services-post-card__image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

.bd-services-post-card__body {
  padding: 1.4rem 1.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  flex: 1 1 auto;
}

.bd-services-post-card__body h3 {
  color: #15314d;
  font-size: 1.3rem;
  margin: 0;
}

.bd-services-post-card__link {
  margin-top: auto;
  color: var(--bd-primary);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.bd-services-detail {
  position: relative;
  padding: 1rem 0 4.25rem;
}

.bd-services-detail__intro {
  max-width: 900px;
  margin: 0 auto 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(21, 49, 77, 0.08);
  border-radius: 32px;
  padding: 2rem;
  box-shadow: 0 24px 60px rgba(10, 26, 42, 0.08);
  backdrop-filter: blur(12px);
}

.bd-services-detail__intro h2 {
  font-size: clamp(2.1rem, 2.4vw, 3rem);
  line-height: 1.12;
  color: #15314d;
  margin: 0.35rem 0 0.45rem;
}

.bd-services-detail__intro p:last-child {
  color: #5c6b79;
  line-height: 1.9;
}

.bd-services-detail__lists {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.bd-about-section {
  position: relative;
  padding: 5.25rem 0 4.5rem;
}

.bd-about-services {
  position: relative;
  margin-top: 0;
  padding: 3rem 0 2.5rem;
  z-index: 2;
}

.bd-section-head--about-services {
  max-width: 860px;
  margin: 0 auto 2rem;
  text-align: center;
}

.bd-about-services__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.35rem;
}

.bd-about-service-card {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(21, 49, 77, 0.08);
  border-radius: 26px;
  padding: 1.7rem;
  box-shadow: 0 22px 55px rgba(10, 26, 42, 0.09);
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.bd-about-service-card h3 {
  color: #15314d;
  font-size: 1.3rem;
  margin-bottom: 0.8rem;
}

.bd-about-service-card p {
  color: #5c6b79;
  line-height: 1.8;
  margin-bottom: 1.2rem;
}

.bd-about-service-card a {
  margin-top: auto;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.bd-about-service-card a:hover {
  color: var(--bd-primary-dark);
}

.bd-about-section::before {
  content: "";
  position: absolute;
  inset: 2.5rem 0 auto;
  height: 420px;
  background: linear-gradient(180deg, rgba(22, 127, 213, 0.06) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}

.bd-about-section__layout {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: stretch;
}

.bd-about-section__intro {
  position: static;
  max-width: 940px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(21, 49, 77, 0.08);
  border-radius: 32px;
  padding: 2rem;
  box-shadow: 0 24px 60px rgba(10, 26, 42, 0.08);
  backdrop-filter: blur(12px);
}

.bd-about-section__intro h2 {
  font-size: clamp(2.1rem, 2.4vw, 3rem);
  line-height: 1.12;
  color: #15314d;
  margin: 0.35rem 0 0.45rem;
}

.bd-about-section__intro > p:last-of-type {
  color: #5c6b79;
  line-height: 1.9;
}

.bd-about-section__highlights {
  display: grid;
  gap: 0.9rem;
  margin-top: 0.75rem;
}

.bd-about-highlight {
  display: grid;
  gap: 0.35rem;
  padding: 1rem 1.1rem;
  border-radius: 18px;
  background: linear-gradient(180deg, #f8fbff 0%, #f4f8fc 100%);
  border: 1px solid rgba(22, 127, 213, 0.09);
}

.bd-about-highlight strong {
  color: #15314d;
  font-size: 0.95rem;
}

.bd-about-highlight span {
  color: #5c6b79;
  line-height: 1.75;
  font-size: 0.96rem;
}

.bd-about-section__profiles,
.bd-about-profiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.bd-about-profile {
  background: rgba(255, 255, 255, 0.97);
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(21, 49, 77, 0.08);
  box-shadow: 0 24px 60px rgba(10, 26, 42, 0.08);
  display: flex;
  flex-direction: column;
  min-height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bd-about-profile:hover {
  transform: translateY(-4px);
  box-shadow: 0 30px 68px rgba(10, 26, 42, 0.12);
}

.bd-about-profile--no-image {
  display: flex;
}

.bd-about-profile__image {
  height: 320px;
  min-height: 320px;
  overflow: hidden;
}

.bd-about-profile__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.bd-about-profile__body {
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.bd-about-profile__body .bd-kicker {
  margin-bottom: 0;
}

.bd-about-profile__body h3 {
  color: #15314d;
  font-size: 1.55rem;
  line-height: 1.18;
  margin: 0;
}

.bd-about-profile__body p:last-child {
  color: #5c6b79;
  line-height: 1.82;
  margin: 0;
}

  .bd-services-intro {
    padding: 2rem 0 4rem;
  }

  .bd-services-featured-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }

  .bd-services-featured-card {
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(21, 49, 77, 0.06);
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(23, 58, 89, 0.08);
    color: inherit;
  }

  .bd-services-featured-card__image {
    height: 240px;
  }

  .bd-services-featured-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .bd-services-featured-card__body {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1.5rem;
    height: 100%;
  }

  .bd-services-featured-card__body h3 {
    color: #15314d;
    font-size: 1.35rem;
  }

  .bd-services-featured-card__body p {
    color: #5c6b79;
    line-height: 1.8;
  }

  .bd-services-featured-card__link {
    margin-top: auto;
    color: var(--bd-primary);
    font-size: 0.84rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }

  .bd-services-lists {
    position: relative;
    padding: 0 0 4.5rem;
  }

  .bd-services-lists::before {
    content: "";
    position: absolute;
    inset: 0.5rem 0 0 0;
    background:
      linear-gradient(180deg, rgba(246, 249, 252, 0.92) 0%, rgba(255, 255, 255, 0.98) 100%);
    border-radius: 34px;
    margin: 0 1.25rem;
  }

  .bd-services-lists > .container {
    position: relative;
    z-index: 1;
  }

  .bd-services-lists__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }

  .bd-services-list-card {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(21, 49, 77, 0.06);
    border-radius: 28px;
    padding: 1.8rem;
    box-shadow: 0 18px 45px rgba(23, 58, 89, 0.08);
  }

  .bd-services-list-card h3 {
    color: #15314d;
    font-size: 1.5rem;
    margin-bottom: 1.1rem;
  }

  .bd-services-list-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .bd-services-list-card li {
    position: relative;
    padding-left: 1.35rem;
    color: #5c6b79;
    line-height: 1.85;
    margin-bottom: 0.85rem;
  }

  .bd-services-list-card li:last-child {
    margin-bottom: 0;
  }

  .bd-services-list-card li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.75rem;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #18466d, #2a6fa2);
  }

  @media (max-width: 1024px) {
    .bd-services-featured-grid,
    .bd-services-lists__grid {
      grid-template-columns: 1fr;
    }

    .bd-services-hero__shell {
      min-height: 0;
      padding-top: 1rem;
    }
  }

  @media (max-width: 768px) {
    .bd-services-hero {
      padding: 2rem 0 3rem;
    }

    .bd-services-hero--with-bg::before {
      border-radius: 0 0 26px 26px;
      background:
        linear-gradient(180deg, rgba(10, 26, 42, 0.6) 0%, rgba(10, 26, 42, 0.42) 26%, rgba(255, 255, 255, 0.92) 100%),
        var(--bd-services-hero-image) center/cover no-repeat;
    }

    .bd-services-hero__panel {
      padding: 1.6rem 1.35rem;
      border-radius: 22px;
    }

    .bd-services-lists::before {
      margin: 0 0.75rem;
      border-radius: 28px;
    }
  }

  @media (max-width: 480px) {
    .bd-services-lists::before {
      margin: 0 0.35rem;
    }
  }

  /* =========== Homepage Premium Upgrade =========== */
  .bd-hero {
    min-height: 780px;
    padding: 2.5rem 0 4.75rem;
  }

  .bd-hero:not(.bd-hero--with-bg) {
    min-height: 0;
    padding: 2rem 0 3rem;
  }

  .bd-hero--with-bg::before {
    background:
      linear-gradient(90deg, rgba(9, 22, 34, 0.78) 0%, rgba(9, 22, 34, 0.58) 28%, rgba(9, 22, 34, 0.24) 58%, rgba(9, 22, 34, 0.1) 100%),
      linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(8, 20, 31, 0.1) 100%);
  }

  .bd-hero__shell {
    min-height: 680px;
    display: flex;
    align-items: flex-end;
  }

  .bd-hero:not(.bd-hero--with-bg) .bd-hero__shell {
    min-height: 0;
    display: block;
  }

  .bd-hero__content {
    max-width: 640px;
  }

  .bd-hero__panel {
    background: rgba(255, 255, 255, 0.92);
    border-radius: 30px;
    padding: 2.2rem 2.2rem 2.35rem;
    box-shadow: 0 26px 70px rgba(7, 18, 28, 0.2);
  }

  .bd-hero .bd-kicker {
    letter-spacing: 0.22em;
  }

  .bd-hero__title {
    font-size: clamp(2.7rem, 3.35vw, 4.4rem);
    max-width: 12ch;
    margin-bottom: 1.1rem;
  }



  .bd-hero__cta {
    margin-top: 1.5rem;
  }

  .bd-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 1.15rem;
  }

  .bd-hero:not(.bd-hero--with-bg) .bd-hero__stats {
    max-width: 640px;
  }

  .bd-hero__stat-card {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 18px;
    padding: 1rem 0.95rem;
    box-shadow: 0 16px 35px rgba(8, 20, 31, 0.14);
    backdrop-filter: blur(10px);
  }

  .bd-hero__stat-card span {
    display: block;
    color: #2a6fa2;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    margin-bottom: 0.35rem;
  }

  .bd-hero__stat-card strong {
    display: block;
    color: #15314d;
    font-size: 0.98rem;
    line-height: 1.45;
  }

  .bd-transform--with-bg::before {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.86) 36%, rgba(24, 70, 109, 0.28) 100%),
      var(--bd-transform-bg-image) center/cover no-repeat;
  }

  .bd-transform--with-bg .bd-transform__content {
    max-width: 700px;
    border-radius: 30px;
  }

  .bd-home-team__grid {
    gap: 2rem;
  }

  .bd-home-team__card {
    border-radius: 30px;
  }

  .bd-home-team__image {
    aspect-ratio: 0.92 / 1;
  }

  .bd-home-team__body h3 {
    font-size: 1.5rem;
  }

  .bd-services {
    padding-top: 5rem;
  }

  .bd-service-grid {
    gap: 1.75rem;
  }

  .bd-service-card {
    border-radius: 28px;
  }

  .bd-service-card__image-wrapper {
    height: 285px;
  }

  .bd-service-card__body {
    padding: 1.75rem;
  }

  .bd-service-card__body h3 {
    font-size: 1.35rem;
  }

  .bd-service-card {
    overflow: hidden;
    border-radius: 28px;
    transition: transform 0.28s ease, box-shadow 0.28s ease;
    box-shadow: 0 18px 42px rgba(23, 58, 89, 0.08);
  }

  .bd-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 26px 62px rgba(23, 58, 89, 0.14);
  }

  .bd-service-card__image-wrapper {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    height: 260px;
  }

  .bd-service-card__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .bd-service-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.24) 100%);
    opacity: 0;
    transition: opacity 0.28s ease;
  }

  .bd-service-card:hover .bd-service-card__overlay {
    opacity: 1;
  }

  .bd-service-card__body {
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .bd-service-card__body p {
    color: #5c6b79;
    line-height: 1.8;
    flex-grow: 1;
  }

  .bd-service-card__body .bd-btn {
    margin-top: auto;
    width: min-content;
  }

  .bd-service-card {
    min-height: 450px;
  }

  .bd-service-carousel .bd-review-carousel__slide {
    flex: 0 0 calc((100% - 3rem) / 3);
    max-width: 375px;
  }

  .bd-service-carousel .bd-review-carousel__btn:hover {
    background: #edf4fb;
  }

  .bd-service-carousel .bd-review-carousel__dot {
    background: rgba(23, 58, 89, 0.12);
  }

.bd-service-carousel .bd-review-carousel__dot.is-active {
  background: #18466d;
}

@media (max-width: 768px) {
  .bd-service-carousel .bd-review-carousel__viewport {
    padding: 0.25rem 0;
  }

  .bd-service-carousel .bd-review-carousel__track {
    gap: 0.85rem;
  }

  .bd-service-carousel .bd-review-carousel__slide {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .bd-service-card {
    min-height: auto;
    border-radius: 20px;
  }

  .bd-service-card__image-wrapper {
    height: 220px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .bd-service-card__body {
    padding: 1.1rem;
    gap: 0.7rem;
  }

  .bd-service-card__body h3 {
    font-size: 1.12rem;
  }

  .bd-service-card__body p {
    line-height: 1.6;
    font-size: 0.93rem;
  }

  .bd-service-card__body .bd-btn {
    width: 100%;
    justify-content: center;
  }
}

  .bd-home .bd-hero--with-bg {
    min-height: 640px;
    padding: 3.5rem 0 4.5rem;
    align-items: center;
  }

  .bd-home .bd-hero__shell {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 2rem;
  }

  .bd-home .bd-hero__content {
    max-width: 760px;
    width: 100%;
  }

  .bd-home .bd-hero__title {
    font-size: clamp(2.4rem, 4vw, 4.6rem);
    margin-bottom: 1rem;
    max-width: 11ch;
  }



  .bd-home .bd-hero__cta {
    margin-top: 2rem;
  }

  .bd-home .bd-hero__slides {
    position: absolute;
    inset: 0;
    z-index: 0;
  }

  .bd-home .bd-hero__slide {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(1.03);
    transition: opacity 1.1s ease, transform 6s ease;
  }

  .bd-home .bd-hero__slide.is-active {
    opacity: 1;
    transform: scale(1);
  }

  .bd-home .bd-hero__gradient-accent {
    top: -18%;
    right: 0;
    width: 420px;
    height: 420px;
  }

  @media (max-width: 1024px) {
    .bd-home .bd-hero--with-bg {
      min-height: 560px;
      padding: 2.5rem 0 3.5rem;
    }

    .bd-home .bd-hero__shell {
      padding: 0 1rem;
    }

    .bd-home .bd-hero__title {
      font-size: 2.8rem;
    }
  }

  @media (max-width: 768px) {
    .bd-home .bd-hero--with-bg {
      min-height: auto;
      padding: 2.25rem 0 3rem;
    }

    .bd-home .bd-hero__title {
      font-size: 2.2rem;
    }


  }

  .bd-insights__head {
    margin-bottom: 2.4rem;
  }

  .bd-post-carousel .bd-insight-card {
    box-shadow: 0 22px 48px rgba(23, 58, 89, 0.1);
  }

  .bd-post-carousel .bd-insight-card__image {
    height: 240px;
  }

  .bd-post-carousel .bd-insight-card__body {
    min-height: 270px;
  }

  .bd-home-contact__intro,
  .bd-home-contact__form-card {
    border-radius: 30px;
  }

  .bd-cta__content {
    border-radius: 32px;
    min-height: 220px;
  }

@media (max-width: 1024px) {
  .bd-about-profiles {
    grid-template-columns: 1fr;
  }

  .bd-hero {
    min-height: 0;
    padding: 2rem 0 4rem;
    }

    .bd-hero__shell {
      min-height: 0;
    }

    .bd-hero__content {
      max-width: 100%;
    }

    .bd-hero__stats {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 768px) {
    .bd-hero--with-bg::before {
      background:
        linear-gradient(180deg, rgba(7, 18, 28, 0.58) 0%, rgba(7, 18, 28, 0.42) 24%, rgba(255, 255, 255, 0.92) 100%);
    }

    .bd-hero__panel {
      padding: 1.5rem 1.35rem 1.65rem;
    }

    .bd-hero--with-bg .bd-hero__panel {
      padding: 0;
    }

    .bd-hero__title {
      max-width: none;
      font-size: 2.2rem;
    }

    .bd-hero__stats {
      margin-top: 0.9rem;
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 1024px) {
    .bd-hero__shell {
      grid-template-columns: 1fr;
      gap: 2.6rem;
    }

    .bd-hero__text-block {
      max-width: 100%;
    }


    .bd-service-grid {
      grid-template-columns: 1fr;
    }

    .bd-hero--with-bg {
      min-height: 0;
      padding-top: 2rem;
    }

    .bd-hero--with-bg .bd-hero__panel {
      max-width: 100%;
    }

    .bd-home-team__grid {
      grid-template-columns: 1fr;
    }

    .bd-insights__head {
      flex-direction: column;
      align-items: flex-start;
    }

    .bd-transform--with-bg .bd-transform__layout {
      grid-template-columns: 1fr;
      min-height: 0;
    }
  }

  @media (max-width: 768px) {
    .bd-hero {
      padding: 1.2rem 0 3.25rem;
    }

    .bd-hero--with-bg::before {
      border-radius: 0 0 26px 26px;
      background:
        linear-gradient(180deg, rgba(10, 26, 42, 0.6) 0%, rgba(10, 26, 42, 0.4) 26%, rgba(255, 255, 255, 0.92) 100%);
    }

    .bd-hero__title {
      font-size: 2.2rem;
      max-width: none;
    }

    .bd-subtitle {
      max-width: none;
    }

    .bd-hero__cta {
      flex-wrap: wrap;
    }

    .bd-hero .bd-btn {
      min-width: 0;
    }

    .bd-hero__panel {
      padding: 1.5rem 1.35rem 1.6rem;
      border-radius: 22px;
    }

    .bd-transform::before,
    .bd-trust::before,
    .bd-home-team::before,
    .bd-insights::before {
      margin: 0 0.75rem;
      border-radius: 28px;
    }

    .bd-transform--with-bg::before {
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.82) 48%, rgba(24, 70, 109, 0.3) 100%),
        var(--bd-transform-bg-image) center/cover no-repeat;
    }

    .bd-home-team__card {
      padding: 1.25rem;
    }

    .bd-home-team__image {
      max-width: 100%;
    }
  }

  @media (max-width: 480px) {
    .bd-hero__title {
      font-size: 1.95rem;
    }

    .bd-hero__photo {
      height: 300px;
    }

    .bd-transform::before,
    .bd-trust::before,
    .bd-home-team::before,
    .bd-insights::before {
      margin: 0 0.35rem;
    }

    .bd-post-carousel .bd-review-carousel__slide {
      flex-basis: 100%;
    }
  }

  /* =========== Homepage Hero Slideshow Refresh =========== */
  .bd-hero--with-bg {
    min-height: 520px;
    max-height: none;
    padding: 0;
    display: flex;
    align-items: stretch;
    overflow: hidden;
  }

  .bd-hero--with-bg::after {
    display: none;
  }

  .bd-hero__slides {
    position: absolute;
    inset: 0;
    z-index: 0;
  }

  .bd-hero__slide {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.28);
    background-blend-mode: multiply;
    opacity: 0;
    transform: scale(1.03);
    transition: opacity 1.1s ease, transform 6s ease;
  }

  .bd-hero__slide.is-active {
    opacity: 1;
    transform: scale(1);
  }

  .bd-hero--with-bg::before {
    z-index: 1;
    background:
      linear-gradient(90deg, rgba(4, 12, 20, 0.88) 0%, rgba(4, 12, 20, 0.74) 30%, rgba(4, 12, 20, 0.5) 58%, rgba(4, 12, 20, 0.3) 100%),
      linear-gradient(180deg, rgba(4, 12, 20, 0.38) 0%, rgba(4, 12, 20, 0.52) 100%);
  }

  .bd-hero--with-bg .bd-hero__shell {
    position: relative;
    z-index: 2;
    min-height: 520px;
    max-height: none;
    display: flex;
    align-items: center;
  }

  .bd-hero--with-bg .bd-hero__content {
    max-width: 760px;
    padding: 2.5rem 0 1.75rem;
  }

  .bd-hero--with-bg .bd-hero__panel {
    max-width: 760px;
    background: none;
    padding: 0;
  }

  .bd-hero--with-bg .bd-kicker,
  .bd-hero--with-bg .bd-hero__title,
  .bd-hero--with-bg .bd-subtitle {
    opacity: 0;
    animation: bdHeroTextReveal 0.9s ease forwards;
  }

  .bd-hero--with-bg .bd-kicker {
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.86) !important;
    animation-delay: 0.08s;
  }

  .bd-hero--with-bg .bd-hero__title {
    max-width: 10ch;
    margin-bottom: 1rem;
    font-size: clamp(2.25rem, 4vw, 3.45rem);
    line-height: 1.08;
    letter-spacing: -0.035em;
    animation-delay: 0.18s;
  }

  .bd-hero--with-bg .bd-subtitle {
    max-width: 27rem;
    color: rgba(255, 255, 255, 0.94) !important;
    font-size: 0.96rem;
    line-height: 1.72;
    animation-delay: 0.3s;
  }

  .bd-hero--with-bg .bd-hero__cta {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0.9rem;
    margin-top: 1.45rem;
    opacity: 1;
    animation: bdHeroTextReveal 0.9s ease forwards;
    animation-delay: 0.42s;
  }

  .bd-hero--with-bg .bd-hero__stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.95rem;
    margin-top: 1.55rem;
    max-width: 760px;
    opacity: 1;
    animation: bdHeroTextReveal 0.9s ease forwards;
    animation-delay: 0.52s;
  }

  @keyframes bdHeroTextReveal {
    from {
      opacity: 0;
      transform: translateY(20px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @media (max-width: 1024px) {
    .bd-hero--with-bg {
      min-height: 560px;
      max-height: none;
    }

    .bd-hero--with-bg .bd-hero__shell {
      min-height: 560px;
      max-height: none;
    }

    .bd-hero--with-bg .bd-hero__content {
      max-width: 100%;
      padding: 2.5rem 0;
    }

    .bd-hero--with-bg .bd-hero__title {
      max-width: 10ch;
      font-size: clamp(2rem, 4.6vw, 2.9rem);
    }
  }

  @media (max-width: 768px) {
    .bd-hero--with-bg {
      min-height: 560px;
    }

    .bd-hero--with-bg .bd-hero__shell {
      min-height: 560px;
      align-items: flex-end;
    }

    .bd-hero--with-bg::before {
      background:
        linear-gradient(180deg, rgba(8, 21, 33, 0.4) 0%, rgba(8, 21, 33, 0.58) 36%, rgba(8, 21, 33, 0.78) 100%);
    }

    .bd-hero--with-bg .bd-hero__content {
      padding: 4.5rem 0 3rem;
    }

    .bd-hero--with-bg .bd-hero__title {
      max-width: none;
      font-size: clamp(2.35rem, 11vw, 3.4rem);
    }

    .bd-hero--with-bg .bd-subtitle {
      max-width: none;
      font-size: 1rem;
      line-height: 1.8;
    }
  }

  /* =========== Homepage Hero Form Layout =========== */
  .bd-hero--with-bg .bd-hero__content {
    max-width: none;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);
    gap: 3rem;
    align-items: end;
  }

  .bd-hero--with-bg .bd-hero__text-block {
    max-width: 560px;
    align-self: end;
    padding-bottom: 1.8rem;
  }

  .bd-hero--with-bg .bd-hero__title {
    max-width: 10ch;
    font-size: clamp(2.4rem, 4.1vw, 4rem);
    line-height: 1.06;
  }

  .bd-hero--with-bg .bd-subtitle {
    max-width: 32rem;
    font-size: 1rem;
    line-height: 1.72;
  }

  .bd-hero--with-bg .bd-hero__highlights {
    margin-bottom: 0;
    opacity: 1;
    animation: bdHeroTextReveal 0.9s ease forwards;
    animation-delay: 0.36s;
  }

  .bd-hero--with-bg .bd-hero__highlights span {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.18);
    color: #fff;
  }

  .bd-hero--with-bg .bd-btn {
    min-width: 178px;
  }

  .bd-hero--with-bg .bd-btn--secondary {
    background: rgba(255, 255, 255, 0.92);
    color: #173a59;
    border-color: rgba(255, 255, 255, 0.92);
  }

.bd-hero__form-card {
  align-self: start;
  margin-bottom: 0;
  background: rgba(255, 252, 248, 0.98);
  border: 1px solid rgba(22, 49, 77, 0.08);
  border-radius: 18px;
  padding: 1.05rem;
  box-shadow: 0 28px 70px rgba(7, 18, 28, 0.28);
  backdrop-filter: blur(10px);
  max-width: 380px;
  width: 100%;
}

.bd-hero__form-card h3 {
  color: #15314d;
  font-size: 1.42rem;
  line-height: 1.12;
  margin: 0.05rem 0 0.38rem;
}

.bd-hero__form-card > p {
  color: #425e78;
  font-size: 0.84rem;
  line-height: 1.45;
  margin: 0 0 0.55rem;
}

.bd-hero__form-card > p:not(.bd-kicker):not(.bd-hero__form-intro) {
  display: none;
}

.bd-hero__form-card .bd-hero__form-intro {
  color: #425e78;
  font-size: 0.84rem;
  line-height: 1.5;
  margin: 0 0 0.55rem;
}

  .bd-hero__form-card .bd-kicker {
    color: #bb6d3f;
  }

  .bd-hero__form-card .bd-home-contact__form {
    margin-top: 0;
  }

.bd-hero__form-card .wpcf7-form {
  display: grid;
  gap: 0.35rem;
}

  .bd-hero__form-card .wpcf7-form p {
    margin: 0;
  }

.bd-hero__form-card .wpcf7-form label {
  display: block;
  margin-bottom: 0.12rem;
  color: #15314d;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1.25;
}

  .bd-hero__form-card .wpcf7-form .wpcf7-form-control {
    width: 100%;
  }

.bd-hero__form-card input,
.bd-hero__form-card textarea,
.bd-hero__form-card select {
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(21, 49, 77, 0.16);
  border-radius: 0;
  padding: 0.38rem 0.1rem;
  background: transparent;
  box-shadow: none;
  font-size: 0.86rem;
  line-height: 1.3;
}

.bd-hero__form-card textarea {
  min-height: 58px;
}

.bd-hero__form-card .wpcf7-submit {
  width: 100%;
  border-radius: 9px;
  padding: 0.68rem 0.95rem;
  margin-top: 0.28rem;
  background: linear-gradient(135deg, #1d5f97, #14385a);
  box-shadow: 0 14px 34px rgba(20, 56, 90, 0.28);
  font-size: 0.86rem;
}

.bd-hero__form-card .wpcf7-submit:hover {
  background: linear-gradient(135deg, #174d7a, #102d47);
}

  .bd-hero__form-card .wpcf7-not-valid-tip,
  .bd-hero__form-card .wpcf7-response-output {
    font-size: 0.82rem;
  }

  .bd-home-contact {
    display: none !important;
  }

  @media (max-width: 1024px) {
    .bd-hero--with-bg .bd-hero__content {
      grid-template-columns: 1fr;
      gap: 2rem;
    }

    .bd-hero__form-card {
      max-width: 560px;
      margin-bottom: 0;
    }
  }

  @media (max-width: 768px) {
    .bd-hero--with-bg {
      min-height: 500px;
    }

    .bd-hero--with-bg .bd-hero__shell {
      min-height: 500px;
    }

    .bd-hero--with-bg .bd-hero__title {
      max-width: none;
      font-size: clamp(2rem, 8vw, 3rem);
    }

    .bd-hero--with-bg .bd-subtitle {
      font-size: 0.94rem;
      line-height: 1.65;
    }

    .bd-hero--with-bg .bd-hero__stats {
      grid-template-columns: 1fr;
      gap: 0.75rem;
    }

    .bd-hero__form-card {
      padding: 1.35rem;
      border-radius: 20px;
    }

    .bd-hero__form-card h3 {
      font-size: 1.6rem;
    }
  }

  /* =========== Final Homepage Hero Premium Overrides =========== */
  .home .bd-header {
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(1180px, calc(100% - 2rem));
    z-index: 20;
    background: rgba(255, 248, 240, 0.92);
    border: 1px solid rgba(193, 129, 86, 0.18);
    border-radius: 18px;
    box-shadow: 0 18px 44px rgba(19, 30, 42, 0.16);
    backdrop-filter: blur(10px);
  }

  .home .bd-header__content {
    min-height: 74px;
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }

  .home .bd-header__logo img {
    max-height: 60px;
  }

  .home .bd-header__nav a,
  .home .bd-header__nav span {
    font-size: 0.93rem;
    font-weight: 600;
  }

  .home .bd-header__cta .bd-btn {
    padding: 0.8rem 1.25rem;
    border-radius: 12px;
    background: linear-gradient(135deg, #19476d, #2b6b96);    box-shadow: 0 12px 26px rgba(185, 94, 48, 0.24);
  }

  .home .bd-header__cta .bd-btn:hover {
    background: linear-gradient(135deg, #0d2a42, #102f45);
    color: #fff !important;
    }

  .home .bd-hero--with-bg {
    min-height: 90vh;
    max-height: none;
    padding-top: 0.5rem;
    align-items: center;
    overflow: visible;
  }

  .home .bd-hero--with-bg::before {
    background:
      linear-gradient(90deg, rgba(10, 12, 16, 0.88) 0%, rgba(10, 12, 16, 0.76) 40%, rgba(10, 12, 16, 0.58) 70%, rgba(10, 12, 16, 0.42) 100%),
      linear-gradient(180deg, rgba(7, 10, 14, 0.48) 0%, rgba(7, 10, 14, 0.72) 100%);
  }

  .home .bd-hero--with-bg .bd-hero__shell {
    min-height: 90vh;
    max-height: none;
    align-items: center;
    padding-top: 2.5rem;
    padding-bottom: 1.75rem;
    overflow: visible;
  }

  .home .bd-hero--with-bg .bd-hero__content {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    align-items: flex-start;
  }

  .home .bd-hero--with-bg .bd-hero__panel {
    max-width: 700px;
    padding: 0;
  }

  .home .bd-hero--with-bg .bd-hero__kicker {
    color: #f6d7ae !important;
    font-size: 0.82rem;
    letter-spacing: 0.22em;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  }

  .home .bd-hero--with-bg .bd-hero__title {
      max-width: 100% !important;
      font-size: 40px;
      line-height: 1.06;
      font-weight: 700;
      letter-spacing: -0.04em;
      text-shadow: 0 10px 30px rgba(0, 0, 0, 0.42);
  }

  .home .bd-hero--with-bg .bd-subtitle {
    max-width: 100%;
    font-size: 1.02rem;
    line-height: 1.8;
    color: #ffffff !important;
    font-weight: 500;
    text-shadow: 0 3px 14px rgba(0, 0, 0, 0.42);
  }

  .home .bd-hero--with-bg .bd-hero__cta {
    margin-top: 1.35rem;
    margin-bottom: 0;
    gap: 0.8rem;
  }

  .home .bd-hero--with-bg .bd-btn {
    min-width: 0;
    padding: 0.95rem 1.3rem;
    border-radius: 12px;
    font-size: 0.92rem;
    font-weight: 600;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
  }

  .home .bd-hero--with-bg .bd-btn--secondary {
    background: rgba(255, 255, 255, 0.98);
    color: #173a59;
    border-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  }

  .home .bd-hero--with-bg .bd-btn--secondary:hover {
    background: #ffffff;
    color: #173a59;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
  }

  @media (max-width: 1100px) {
    .home .bd-hero--with-bg .bd-hero__content {
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }

    .home .bd-hero--with-bg .bd-hero__panel {
      max-width: 680px;
    }
  }

@media (max-width: 768px) {
  .bd-page-hero--services {
    min-height: 500px;
  }

  .bd-page-hero--services .bd-page-hero__content {
    padding: 4.75rem 1.25rem 4rem;
  }

  .bd-page-hero--services .bd-page-hero__content h1 {
    max-width: 100%;
    font-size: clamp(2.25rem, 8vw, 3.5rem);
  }

  .bd-page-hero--services .bd-page-hero__content > p:not(.bd-kicker) {
    font-size: 1rem;
    line-height: 1.65;
    margin-bottom: 1.45rem;
  }

  .bd-page-hero--services .bd-page-hero__content .bd-btn {
    min-width: 230px;
    padding: 0.95rem 1.7rem;
    font-size: 0.97rem;
  }

  .bd-about-services--services {
    padding: 2.25rem 0 1.5rem;
  }

  .bd-services-post-card__image img {
    height: 200px;
  }

  .bd-services-detail {
    padding: 0.5rem 0 3.25rem;
  }

  .bd-services-detail__intro {
    padding: 1.4rem;
    border-radius: 24px;
  }

  .bd-page-hero--about {
    min-height: 480px;
  }

  .bd-page-hero--about .bd-page-hero__content {
    padding: 4.5rem 1.25rem 4rem;
  }

  .bd-page-hero--about .bd-page-hero__content h1 {
    max-width: 100%;
    font-size: clamp(2.2rem, 8vw, 3.4rem);
  }

  .bd-about-section {
    padding: 4rem 0 3.25rem;
  }

  .bd-about-services {
    margin-top: 0;
    padding: 2rem 0 1.5rem;
  }

  .bd-about-section__intro {
    padding: 1.4rem;
    border-radius: 24px;
  }

  .bd-about-profile {
    grid-template-columns: 1fr;
  }

  .bd-about-profile__image {
    height: 260px;
    min-height: 260px;
  }

  .bd-about-profile__body {
    padding: 1.4rem;
  }

  .bd-about-profile__body h3 {
    font-size: 1.35rem;
  }

  .home .bd-header {
    top: 0.75rem;
    width: calc(100% - 1rem);
    }

    .home .bd-header__content {
      min-height: 66px;
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }

    .home .bd-hero--with-bg {
      min-height: 520px;
    }

    .home .bd-hero--with-bg .bd-hero__shell {
      min-height: 520px;
      padding-top: 4rem;
      padding-bottom: 1.25rem;
    }

    .home .bd-hero--with-bg .bd-hero__content {
      gap: 1.2rem;
    }

    .home .bd-hero--with-bg .bd-hero__title {
      font-size: 40px;
      max-width: 11ch;
    }

    .home .bd-hero--with-bg .bd-subtitle {
      max-width: none;
      font-size: 0.93rem;
    }

  }

  .home .bd-hero--with-bg .bd-hero__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 2rem;
    max-width: 1180px;
    width: 100%;
    align-items: end;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
  }

  .home .bd-hero--with-bg .bd-hero__text-block {
    max-width: 700px;
    padding-bottom: 0;
    align-self: end;
    padding-right: 1.5rem;
    transform: translateY(33%);
  }

.home .bd-hero__form-card {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(59%);
  width: 100%;
  max-width: 380px;
  margin: 0;
  z-index: 9999;
}
.home .bd-hero__form-card .wpcf7-form input,
.home .bd-hero__form-card .wpcf7-form select {
  min-height: 34px;
}

.home .bd-hero__form-card .wpcf7-form textarea {
  min-height: 56px;
  height: 56px;
}
  .home .bd-hero__form-card,
  .home aside.bd-hero__form-card {
    margin: 0;
  }

  .home .bd-hero--with-bg .bd-hero__shell {
    display: flex;
    align-items: flex-end;
  }

  .home .bd-home-gallery {
    padding-top: auto;
    position: relative;
    z-index: 1;
  }

  @media (max-width: 1024px) {
    .home .bd-hero--with-bg .bd-hero__content {
      grid-template-columns: 1fr;
      align-items: end;
    }

    .home .bd-hero__form-card {
      position: static;
      right: auto;
      bottom: auto;
      transform: none;
      max-width: 100%;
      justify-self: stretch;
    }

    .home .bd-hero--with-bg .bd-hero__text-block {
      padding-right: 0;
      transform: none;
    }

    .home .bd-home-gallery {
      padding-top: 5.2rem;
    }
  }

  @media (max-width: 768px) {
    .home .bd-hero--with-bg .bd-hero__shell {
      align-items: flex-end;
    }

    .home .bd-hero--with-bg .bd-hero__content {
      gap: 1.25rem;
    }

    .home .bd-hero--with-bg .bd-hero__title {
      max-width: none;
    }

    .home .bd-hero__form-card {
      padding: 1.25rem;
    }
  }

  .home .bd-hero__slide {
    background-color: rgba(3, 10, 18, 0.36);
    background-blend-mode: multiply;
  }

.bd-home-gallery {
  padding: 5.2rem 0 5.4rem;
  background: linear-gradient(180deg, #f3f6fb 0%, #ffffff 100%);
  width: 100%;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.bd-home-gallery .container {
  max-width: 1180px;
}

.bd-home-gallery__head {
  max-width: 1180px;
  margin: 0 auto 2.9rem;
  text-align: left;
}

.bd-home-gallery__head .bd-kicker {
  justify-content: flex-start;
}

.bd-home-gallery__head h2 {
  max-width: auto;
  margin-left: 0;
  margin-right: 0;
  text-transform: uppercase;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.bd-home-gallery__head p:last-child {
  max-width: 760px;
  margin-left: 0;
  margin-right: 0;
  color: #7a8796;
  font-size: 1.02rem;
}

.bd-home-gallery__shortcode {
  max-width: 1180px;
  margin: 0 auto;
  width: 100%;
}

  .bd-home-gallery__shortcode img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
  }

  .bd-home-gallery__shortcode figure {
    margin: 0;
  }

.bd-home-gallery__shortcode * {
  max-width: 100%;
}

.bd-stats {
  padding: 4.5rem 0 2.75rem;
  background: #ffffff;
}

.bd-stats .container {
  max-width: 1220px;
}

.bd-stats__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.4rem;
  width: min(70%, 760px);
}

.bd-stat {
  background: linear-gradient(180deg, #f8f4ef 0%, #f3eee8 100%);
  border: 1px solid rgba(145, 105, 67, 0.08);
  border-radius: 20px;
  padding: 1.55rem 1.65rem 1.45rem;
  min-height: 128px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 10px 30px rgba(46, 30, 18, 0.05);
}

.bd-stat__number {
  font-size: clamp(2.5rem, 4vw, 3.25rem);
  line-height: 0.95;
  letter-spacing: -0.04em;
  font-weight: 600;
  color: #1d5f97;
  margin: 0 0 0.65rem;
}

.bd-stat__label {
  font-size: 0.98rem;
  line-height: 1.35;
  color: #2f2b27;
  margin: 0;
}

  .bd-gallery-lightbox-open {
    overflow: hidden;
  }

  .bd-gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(7, 16, 26, 0.82);
    backdrop-filter: blur(6px);
  }

  .bd-gallery-lightbox__dialog {
    position: relative;
    width: min(92vw, 1080px);
  }

  .bd-gallery-lightbox__close {
    position: absolute;
    top: -0.85rem;
    right: -0.85rem;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #102538;
    font-size: 1.9rem;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
  }

  .bd-gallery-lightbox__image {
    display: block;
    width: 100%;
    max-height: 84vh;
    object-fit: contain;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.24);
  }


@media (max-width: 768px) {
  .bd-stats {
    padding: 3.2rem 0 2.2rem;
  }

  .bd-stats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
  }

  .bd-stat {
    min-height: 110px;
    padding: 1.15rem 1rem;
    border-radius: 16px;
  }

  .bd-stat__number {
    font-size: clamp(2rem, 8vw, 2.5rem);
    margin-bottom: 0.4rem;
  }

  .bd-stat__label {
    font-size: 0.9rem;
  }

  .bd-home-gallery {
    padding: 3.8rem 0 4.1rem;
  }

    .bd-gallery-lightbox {
      padding: 1rem;
    }

  .bd-gallery-lightbox__close {
    top: -0.6rem;
    right: -0.2rem;
  }
  }

@media (max-width: 480px) {
  .bd-stats__grid {
    grid-template-columns: 1fr;
    width: 100%;
  }
}
.ngg-galleryoverview.default-view {
  text-align: left !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 768px) {
  .ngg-galleryoverview.default-view {
    text-align: center !important;
  }
}

button:focus,.menu-toggle:hover,button:hover,.ast-button:hover,.ast-custom-button:hover .button:hover,.ast-custom-button:hover ,input[type=reset]:hover,input[type=reset]:focus,input#submit:hover,input#submit:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,body .wp-block-file .wp-block-file__button:hover,body .wp-block-file .wp-block-file__button:focus {
    color: #1665ab;  
    border-color : none !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #000;
}

@media (max-width: 900px) {
  .page-template-template-about-us .bd-about-section__profiles {
    grid-template-columns: 1fr !important;
  }

  .page-template-template-about-us .bd-about-profile__image {
    height: auto;
    min-height: 0;
  }

  .page-template-template-about-us .bd-about-profile__image img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: center top;
  }
}

/* =========== Default Blog Page Polish =========== */
body.blog.ast-plain-container,
body.archive.ast-plain-container {
  background:
    radial-gradient(circle at 12% 12%, rgba(22, 127, 213, 0.07), transparent 26%),
    linear-gradient(180deg, #f6f9fc 0%, #ffffff 35%, #f7fafd 100%);
}

body.blog.ast-plain-container .site-content,
body.archive.ast-plain-container .site-content {
  padding-top: 2rem;
  padding-bottom: 3rem;
}

body.blog.ast-plain-container .site-main > article,
body.archive.ast-plain-container .site-main > article,
body.blog.ast-plain-container article.ast-article-post,
body.archive.ast-plain-container article.ast-article-post {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(21, 49, 77, 0.09);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 18px 44px rgba(17, 39, 61, 0.08);
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

body.blog.ast-plain-container .site-main > article:hover,
body.archive.ast-plain-container .site-main > article:hover,
body.blog.ast-plain-container article.ast-article-post:hover,
body.archive.ast-plain-container article.ast-article-post:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 58px rgba(17, 39, 61, 0.14);
}

body.blog.ast-plain-container .post-thumb img,
body.archive.ast-plain-container .post-thumb img,
body.blog.ast-plain-container .post-thumb-img-content img,
body.archive.ast-plain-container .post-thumb-img-content img,
body.blog.ast-plain-container .ast-blog-featured-section img,
body.archive.ast-plain-container .ast-blog-featured-section img {
  width: 100%;
  aspect-ratio: 16 / 10;
  height: auto;
  object-fit: cover;
  display: block;
}

body.blog.ast-plain-container .entry-header,
body.archive.ast-plain-container .entry-header,
body.blog.ast-plain-container .entry-content,
body.archive.ast-plain-container .entry-content,
body.blog.ast-plain-container .entry-summary,
body.archive.ast-plain-container .entry-summary,
body.blog.ast-plain-container footer.entry-footer,
body.archive.ast-plain-container footer.entry-footer {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

body.blog.ast-plain-container .entry-header,
body.archive.ast-plain-container .entry-header {
  padding-top: 1.35rem;
}

body.blog.ast-plain-container .entry-title,
body.archive.ast-plain-container .entry-title {
  font-size: clamp(1.45rem, 2vw, 2.1rem);
  line-height: 1.18;
  letter-spacing: -0.02em;
  margin: 0 0 0.75rem;
}

body.blog.ast-plain-container .entry-title a,
body.archive.ast-plain-container .entry-title a {
  color: #14324f;
}

body.blog.ast-plain-container .entry-title a:hover,
body.archive.ast-plain-container .entry-title a:hover {
  color: #1d5f97;
}

body.blog.ast-plain-container .entry-meta,
body.archive.ast-plain-container .entry-meta,
body.blog.ast-plain-container .entry-meta *:not(a),
body.archive.ast-plain-container .entry-meta *:not(a) {
  color: #5b7d57;
  font-weight: 500;
  font-size: 0.95rem;
}

body.blog.ast-plain-container .entry-content,
body.archive.ast-plain-container .entry-content,
body.blog.ast-plain-container .entry-summary,
body.archive.ast-plain-container .entry-summary {
  color: #5b6673;
  line-height: 1.85;
  padding-top: 0.6rem;
  padding-bottom: 1.1rem;
}

body.blog.ast-plain-container .entry-content p:last-child,
body.archive.ast-plain-container .entry-content p:last-child,
body.blog.ast-plain-container .entry-summary p:last-child,
body.archive.ast-plain-container .entry-summary p:last-child {
  margin-bottom: 0;
}

body.blog.ast-plain-container .read-more a,
body.archive.ast-plain-container .read-more a,
body.blog.ast-plain-container a.more-link,
body.archive.ast-plain-container a.more-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.72rem 1.2rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #1e5c90, #2f79b2);
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1;
  box-shadow: 0 12px 28px rgba(20, 56, 90, 0.2);
}

body.blog.ast-plain-container .read-more a:hover,
body.archive.ast-plain-container .read-more a:hover,
body.blog.ast-plain-container a.more-link:hover,
body.archive.ast-plain-container a.more-link:hover {
  background: linear-gradient(135deg, #174d7a, #266292);
  color: #fff;
}

body.blog.ast-plain-container .navigation.pagination,
body.archive.ast-plain-container .navigation.pagination {
  margin-top: 2rem;
}

body.blog.ast-plain-container .navigation.pagination .nav-links,
body.archive.ast-plain-container .navigation.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

body.blog.ast-plain-container .navigation.pagination .page-numbers,
body.archive.ast-plain-container .navigation.pagination .page-numbers {
  border-radius: 10px;
  border: 1px solid rgba(21, 49, 77, 0.12);
  background: #fff;
  color: #1b4368;
}

body.blog.ast-plain-container .navigation.pagination .page-numbers.current,
body.archive.ast-plain-container .navigation.pagination .page-numbers.current {
  background: #1f5f96;
  border-color: #1f5f96;
  color: #fff;
}

@media (max-width: 768px) {
  body.blog.ast-plain-container .entry-header,
  body.archive.ast-plain-container .entry-header,
  body.blog.ast-plain-container .entry-content,
  body.archive.ast-plain-container .entry-content,
  body.blog.ast-plain-container .entry-summary,
  body.archive.ast-plain-container .entry-summary,
  body.blog.ast-plain-container footer.entry-footer,
  body.archive.ast-plain-container footer.entry-footer {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }

  body.blog.ast-plain-container .entry-title,
  body.archive.ast-plain-container .entry-title {
    font-size: 1.85rem;
  }
}

/* =========== Blog Pro Refresh (Default Blog / Archive Only) =========== */
body.blog.group-blog.ast-plain-container,
body.archive.group-blog.ast-plain-container {
  background:
    radial-gradient(circle at 10% 8%, rgba(22, 127, 213, 0.1), transparent 25%),
    linear-gradient(180deg, #f4f7fb 0%, #ffffff 32%, #f6f9fc 100%);
}

body.blog.group-blog.ast-plain-container .site-content,
body.archive.group-blog.ast-plain-container .site-content {
  padding-top: 2.3rem;
  padding-bottom: 4rem;
}

body.blog.group-blog.ast-plain-container .ast-container,
body.archive.group-blog.ast-plain-container .ast-container {
  max-width: 1260px;
  padding-left: 1.35rem;
  padding-right: 1.35rem;
}

body.blog.group-blog.ast-plain-container .ast-archive-description,
body.archive.group-blog.ast-plain-container .ast-archive-description {
  margin: 0 0 2rem;
  padding: 1.6rem 1.7rem;
  border-radius: 22px;
  background: linear-gradient(145deg, #12314d 0%, #1f5d94 100%);
  color: #ffffff;
  box-shadow: 0 20px 44px rgba(18, 49, 77, 0.2);
}

body.blog.group-blog.ast-plain-container .ast-archive-description h1,
body.blog.group-blog.ast-plain-container .ast-archive-description h2,
body.archive.group-blog.ast-plain-container .ast-archive-description h1,
body.archive.group-blog.ast-plain-container .ast-archive-description h2,
body.blog.group-blog.ast-plain-container .ast-archive-description p,
body.archive.group-blog.ast-plain-container .ast-archive-description p {
  color: #ffffff;
}

body.blog.group-blog.ast-plain-container .site-main > article,
body.archive.group-blog.ast-plain-container .site-main > article,
body.blog.group-blog.ast-plain-container article.ast-article-post,
body.archive.group-blog.ast-plain-container article.ast-article-post {
  background: #ffffff;
  border: 1px solid rgba(19, 53, 84, 0.1);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 18px 42px rgba(18, 49, 77, 0.1);
  transition: transform 0.26s ease, box-shadow 0.26s ease;
  height: 100%;
}

body.blog.group-blog.ast-plain-container .site-main > article:hover,
body.archive.group-blog.ast-plain-container .site-main > article:hover,
body.blog.group-blog.ast-plain-container article.ast-article-post:hover,
body.archive.group-blog.ast-plain-container article.ast-article-post:hover {
  transform: translateY(-7px);
  box-shadow: 0 28px 58px rgba(18, 49, 77, 0.16);
}

body.blog.group-blog.ast-plain-container .post-thumb,
body.archive.group-blog.ast-plain-container .post-thumb,
body.blog.group-blog.ast-plain-container .post-thumb-img-content,
body.archive.group-blog.ast-plain-container .post-thumb-img-content,
body.blog.group-blog.ast-plain-container .ast-blog-featured-section,
body.archive.group-blog.ast-plain-container .ast-blog-featured-section {
  overflow: hidden;
  background: #e8eef4;
}

body.blog.group-blog.ast-plain-container .post-thumb img,
body.archive.group-blog.ast-plain-container .post-thumb img,
body.blog.group-blog.ast-plain-container .post-thumb-img-content img,
body.archive.group-blog.ast-plain-container .post-thumb-img-content img,
body.blog.group-blog.ast-plain-container .ast-blog-featured-section img,
body.archive.group-blog.ast-plain-container .ast-blog-featured-section img {
  width: 100%;
  height: clamp(220px, 23vw, 310px);
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.4s ease;
}

body.blog.group-blog.ast-plain-container .site-main > article:hover .post-thumb img,
body.archive.group-blog.ast-plain-container .site-main > article:hover .post-thumb img,
body.blog.group-blog.ast-plain-container .site-main > article:hover .post-thumb-img-content img,
body.archive.group-blog.ast-plain-container .site-main > article:hover .post-thumb-img-content img,
body.blog.group-blog.ast-plain-container .site-main > article:hover .ast-blog-featured-section img,
body.archive.group-blog.ast-plain-container .site-main > article:hover .ast-blog-featured-section img {
  transform: scale(1.04);
}

body.blog.group-blog.ast-plain-container .entry-header,
body.archive.group-blog.ast-plain-container .entry-header,
body.blog.group-blog.ast-plain-container .entry-content,
body.archive.group-blog.ast-plain-container .entry-content,
body.blog.group-blog.ast-plain-container .entry-summary,
body.archive.group-blog.ast-plain-container .entry-summary,
body.blog.group-blog.ast-plain-container footer.entry-footer,
body.archive.group-blog.ast-plain-container footer.entry-footer {
  padding-left: 1.55rem;
  padding-right: 1.55rem;
}

body.blog.group-blog.ast-plain-container .entry-header,
body.archive.group-blog.ast-plain-container .entry-header {
  padding-top: 1.3rem;
  margin-bottom: 0.25rem;
}

body.blog.group-blog.ast-plain-container .entry-title,
body.archive.group-blog.ast-plain-container .entry-title {
  font-size: clamp(1.42rem, 1.6vw, 2rem);
  line-height: 1.22;
  letter-spacing: -0.02em;
  margin: 0 0 0.65rem;
}

body.blog.group-blog.ast-plain-container .entry-title a,
body.archive.group-blog.ast-plain-container .entry-title a {
  color: #15314d;
}

body.blog.group-blog.ast-plain-container .entry-title a:hover,
body.archive.group-blog.ast-plain-container .entry-title a:hover {
  color: #1f5f96;
}

body.blog.group-blog.ast-plain-container .entry-meta,
body.archive.group-blog.ast-plain-container .entry-meta {
  color: #5f7f57;
  font-size: 0.95rem;
  font-weight: 500;
}

body.blog.group-blog.ast-plain-container .entry-content,
body.archive.group-blog.ast-plain-container .entry-content,
body.blog.group-blog.ast-plain-container .entry-summary,
body.archive.group-blog.ast-plain-container .entry-summary {
  color: #576776;
  line-height: 1.82;
  font-size: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 1.1rem;
}

body.blog.group-blog.ast-plain-container .read-more,
body.archive.group-blog.ast-plain-container .read-more {
  margin-top: 1.1rem;
}

body.blog.group-blog.ast-plain-container .read-more a,
body.archive.group-blog.ast-plain-container .read-more a,
body.blog.group-blog.ast-plain-container a.more-link,
body.archive.group-blog.ast-plain-container a.more-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.74rem 1.18rem;
  background: linear-gradient(135deg, #1d5f97, #15456f);
  color: #ffffff;
  font-weight: 600;
  font-size: 0.88rem;
  line-height: 1;
  box-shadow: 0 12px 24px rgba(20, 56, 90, 0.2);
}

body.blog.group-blog.ast-plain-container .read-more a:hover,
body.archive.group-blog.ast-plain-container .read-more a:hover,
body.blog.group-blog.ast-plain-container a.more-link:hover,
body.archive.group-blog.ast-plain-container a.more-link:hover {
  color: #ffffff;
  background: linear-gradient(135deg, #184d7a, #123a5c);
}

body.blog.group-blog.ast-plain-container .navigation.pagination,
body.archive.group-blog.ast-plain-container .navigation.pagination {
  margin-top: 2.1rem;
}

body.blog.group-blog.ast-plain-container .navigation.pagination .nav-links,
body.archive.group-blog.ast-plain-container .navigation.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}

body.blog.group-blog.ast-plain-container .navigation.pagination .page-numbers,
body.archive.group-blog.ast-plain-container .navigation.pagination .page-numbers {
  border-radius: 10px;
  border: 1px solid rgba(19, 53, 84, 0.12);
  background: #ffffff;
  color: #1a4469;
  min-width: 2.3rem;
}

body.blog.group-blog.ast-plain-container .navigation.pagination .page-numbers.current,
body.archive.group-blog.ast-plain-container .navigation.pagination .page-numbers.current {
  background: #1c5b91;
  border-color: #1c5b91;
  color: #ffffff;
}

@media (max-width: 1024px) {
  body.blog.group-blog.ast-plain-container .ast-container,
  body.archive.group-blog.ast-plain-container .ast-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  body.blog.group-blog.ast-plain-container .post-thumb img,
  body.archive.group-blog.ast-plain-container .post-thumb img,
  body.blog.group-blog.ast-plain-container .post-thumb-img-content img,
  body.archive.group-blog.ast-plain-container .post-thumb-img-content img,
  body.blog.group-blog.ast-plain-container .ast-blog-featured-section img,
  body.archive.group-blog.ast-plain-container .ast-blog-featured-section img {
    height: 240px;
  }
}

@media (max-width: 768px) {
  body.blog.group-blog.ast-plain-container .site-content,
  body.archive.group-blog.ast-plain-container .site-content {
    padding-top: 1.5rem;
    padding-bottom: 2.8rem;
  }

  body.blog.group-blog.ast-plain-container .ast-archive-description,
  body.archive.group-blog.ast-plain-container .ast-archive-description {
    border-radius: 16px;
    padding: 1.1rem 1.15rem;
  }

  body.blog.group-blog.ast-plain-container .entry-header,
  body.archive.group-blog.ast-plain-container .entry-header,
  body.blog.group-blog.ast-plain-container .entry-content,
  body.archive.group-blog.ast-plain-container .entry-content,
  body.blog.group-blog.ast-plain-container .entry-summary,
  body.archive.group-blog.ast-plain-container .entry-summary,
  body.blog.group-blog.ast-plain-container footer.entry-footer,
  body.archive.group-blog.ast-plain-container footer.entry-footer {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }

  body.blog.group-blog.ast-plain-container .entry-title,
  body.archive.group-blog.ast-plain-container .entry-title {
    font-size: 1.65rem;
  }

  body.blog.group-blog.ast-plain-container .post-thumb img,
  body.archive.group-blog.ast-plain-container .post-thumb img,
  body.blog.group-blog.ast-plain-container .post-thumb-img-content img,
  body.archive.group-blog.ast-plain-container .post-thumb-img-content img,
  body.blog.group-blog.ast-plain-container .ast-blog-featured-section img,
  body.archive.group-blog.ast-plain-container .ast-blog-featured-section img {
    height: 220px;
  }
}

/* =========== Astra Blog Row Gap Fix =========== */
body.blog.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row,
body.archive.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.4rem;
  margin: 0;
}

body.blog.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row > article,
body.archive.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row > article {
  width: auto !important;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  float: none;
}

@media (max-width: 1024px) {
  body.blog.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row,
  body.archive.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  body.blog.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row,
  body.archive.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

/* =========== Astra Blog Row Hard Override =========== */
body.blog.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row,
body.archive.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1.4rem !important;
  margin: 0 !important;
}

body.blog.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row > article,
body.archive.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row > article {
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

body.blog.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row > article .ast-article-inner,
body.archive.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row > article .ast-article-inner {
  height: 100%;
  display: flex;
}

body.blog.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row > article .post-content,
body.archive.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row > article .post-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

body.blog.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row > article .ast-excerpt-container,
body.archive.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row > article .ast-excerpt-container {
  margin-bottom: 0.9rem;
}

body.blog.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row > article .ast-read-more-container,
body.archive.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row > article .ast-read-more-container {
  margin-top: auto;
}

@media (max-width: 1024px) {
  body.blog.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row,
  body.archive.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  body.blog.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row,
  body.archive.group-blog.ast-plain-container #primary.content-area .site-main > .ast-row {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
}